【问题标题】:Angular injects module causing bind failsAngular注入模块导致绑定失败
【发布时间】:2016-08-04 22:32:09
【问题描述】:

我最近开始了一个关于 angularJS 的新项目。

我有一个 index.html,它基本上会在启动时呈现所有脚本文件。 里面有一个 ng-view,home.html 会被 ngRoute 加载并绑定到一个叫做 HomeCtrl 的控制器上。

当我将 $resource 注入到我的 HomeCtrl 时,我的 html 上的 ng-bind 变得不起作用,而删除 $resource 它会起作用。

app.controller('HomeCtrl', ['$resource', function ($scope, $resource) {
     $scope.testText = 'testabc';
}])

我尝试过注入其他东西,行为也一样,ng-bind 不起作用。浏览器控制台中没有显示错误。我可以知道如何追踪实际发生的事情吗?

文件如下:

https://plnkr.co/edit/P92PLlrWoqINpfeju5X1?p=preview

【问题讨论】:

  • 你没有注入 $scope。所以 $scope.testText 实际上是 $resource.testText 为了依赖注入顺序。

标签: angularjs dependency-injection angularjs-resource


【解决方案1】:

您忘记添加“$scope”,Angular 尝试按照设置的顺序注入对象。

改变

 app.controller('HomeCtrl', ['$resource', function ($scope, $resource) {
     $scope.testText = 'testabc';
 }])

app.controller('HomeCtrl', ['$scope', '$resource', function ($scope, $resource) {
     $scope.testText = 'testabc';
}])

【讨论】:

  • 很高兴我能帮上忙。如果它解决了您的问题,请考虑接受它作为答案!谢谢:D
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-03-05
  • 2019-04-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多