Question

我正在动态加载工作正常的模板。现在我担心的是我需要在模板中添加JavaScript逻辑

我需要在我的模板中使用这样的东西。

{{ var entries = 0; }}
{{ for(var r = 0; r < d; r++) }}

假设我的模板返回此HTML

<div ng-repeat="x in names" ><span>{{x.name}}</span>{{some logic here which is plain js. var a=[] if(a=b){}}}</div>

我的问题是如何实现这一目标。

Answer 1

<div ng-repeat="entry in entries track by $index">
    {{entry}},{{$index}}
  </div>

Answer 2

使用ng-repeat。

  <div ng-repeat="entry in entries">
    {{entry}}
  </div>

如果您需要索引：

  <div ng-repeat="entry in entries">
    {{entry}},{{$index}}
  </div>

文档：https://docs.angularjs.org/api/ng/directive/ngRepeat

Answer 3

<div ng-init="entries[0,1,2,3,4]">//Use ng-int to initialize data

<div ng-repeat="data in entries">// use ng-repeat to loop over
    {{data}}
  </div>

</div>

在动态加载的模板中添加JavaScript逻辑AngularJS

3 个答案: