如何在多个div中使用ng-repeat?

时间:2017-02-13 18:44:56

标签: angularjs

我正在使用angularJS ng-repeat。所以,我想在另一个div中使用我的ng-repeat值。我正在做以下事情。但它没有循环并给我确切的价值。

ng-repeat中的代码

<div uib-slide index="$index" class="uibSlider" ng-repeat='id in code' ng-click="$parent.ContentId = id.ContentId" ng-class="{'selected' : ContentId.Id === ContentId}">
  <paragraph tag>{{id.ContentId}}</paragraph tag>
</div>

另一个代码中的代码

<div>
  <label>{{(code| filter: {Id: ContentId}: true)[1].ContentId}}</label>
</div>

所以,问题是我有大量数据,而另一个div,如果我将数组值从0改为1.我得到空值。但是,根据我的contentID选择,自动值不会发生变化。它总是给我相同的价值。我不确定我哪里出错了。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:0)

您可以使用ng-repeat-start | NG-重复端

<div uib-slide ng-repeat-start='id in code'>
  <paragraph tag>{{id.ContentId}}</paragraph tag>
</div>
<div ng-repeat-end>
  <label>{{(id.ContentId}}</label>
</div>

如果您尝试在模式中显示相同的数据,则取决于用户点击的位置:

<div ng-repeat="id in code">
  <!-- when the user clicks here, the modal will open. The ID will be the same as the one clicking -->

  <a ng-click="openModal(id)">Open modal for id: {{id}}</a>
</div>

然后在你的控制器中你将有一个名为openModal的函数,它接受一个参数(id),它将打开模态并传递数据。