Question

我最近从Angular 1切换到Angular 4，现在很多事情对我来说似乎都是新的。其中一个似乎与数据绑定有关。在旧版本中，我会在JS控制器中将数组声明为$ scope.arrname，然后我可以使用ng-repeat在HTML视图中对其进行导航。

现在，当我试图获得相同的结果时，它只能部分起作用。我做错了什么？

示例：在一个组件中，我声明了一个测试数组testarr：any [] = [1,2,3];

＆＃13;

{{testarr}}
   > Prints 1,2,3 on the scrreen 


<ol>
  <li ng-repeat="item in testarr">{{item}}ITEM Found!</li>
</ol>


>only iterates 1 time (ignoring the 2,3) in the array.

＆＃13;

为什么我的代码不会像以前那样迭代数组？我在这里缺少什么？

Answer 1

您应该使用 ngFor 代替 ng-repeat

<ol>
  <li *ngFor="let item of testarr">{{item}}ITEM Found!</li>
</ol>

ng-repeat上的Angular 4数据绑定

1 个答案: