基于html元素的AngularJS forEaach

如何在angularJS中循环html元素

<ul ng-init="list = ['AngularJS','jQuery',Backbone','ExtJS']" ng-repeat="item in list">
    <li>{{item}}</li>
</ul>

html:

<ul ng-init="list = ['AngularJS','jQuery',Backbone','ExtJS']" ng-repeat="item in list">
    <li>{{item}}</li>
</ul>

如何在angularJS中获得相同的结果

试试这个

<ul ng-init="list = ['AngularJS','jQuery',Backbone','ExtJS']" ng-repeat="item in list">
    <li>{{item}}</li>
</ul>

{{item}}

从另一个角度来看，你可以解决这个问题。 在控制器中定义阵列：

<ul ng-init="list = ['AngularJS','jQuery',Backbone','ExtJS']" ng-repeat="item in list">
    <li>{{item}}</li>
</ul>

$scope.array = ['AngularJS', 'JQuery', 'Backbone', 'ExtJS'];

在html中使用ng REPLATE指令：

<ul ng-init="list = ['AngularJS','jQuery',Backbone','ExtJS']" ng-repeat="item in list">
    <li>{{item}}</li>
</ul>

<ul>
    <li ng-repeat="a in array">{{a}}</li>
</ul>

{{a}

---

现在，您可以通过

$scope.array

访问JS中的数组。也许

ng repeat

可能有用，我想从获取数组所需的html反向执行。tat可能吗？HTML已经存在于ul列表中，我需要获取数组中的所有li值。

<ul ng-init="list = ['AngularJS','jQuery',Backbone','ExtJS']" ng-repeat="item in list">
    <li>{{item}}</li>
</ul>