Question

我是Angular的新手，我正在使用Angular5。

我有productlist.js，在该文件中有数据。在我的html页面中对该数据进行了绑定，它无效。

如果我有html文件中的数据[sample.html中的注释代码]，那么它正在按预期工作。

productlist.js

angular.module('myShoppingList')
.controller('myCtrl', function ($scope) {


    $scope.products = ["Milk", "Bread", "Cheese"];

});

Sample.html

<div ng-app="myShoppingList" ng-controller="myCtrl">
    <ul>
        <li ng-repeat="x in products">{{x}}</li>
    </ul>
</div>

我在sample.html的头部添加了productlist.js

Answer 1

您没有错误，您需要向模块添加空依赖项，如下所示，

angular.module('myShoppingList',[])

<强>样本

angular.module('myShoppingList',[])
.controller('myCtrl', function ($scope) {
    $scope.products = ["Milk", "Bread", "Cheese"];
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myShoppingList" ng-controller="myCtrl">
    <ul>
        <li ng-repeat="x in products">{{x}}</li>
    </ul>
</div>

Answer 2

当您添加到html文件中时，以下语句顺序也很重要。

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
  <script src="yourSampleScript.js"> </script>

请考虑上述代码段。

绑定不适用于angularjs

2 个答案: