如何将ng-repeat绑定到先前单击的ng-click?

时间:2014-06-14 15:21:07

标签: angularjs angularjs-scope ng-repeat angularjs-ng-click

我在尝试使用仅引用之前点击的ng-click功能的ng-repeat时遇到了一些麻烦。

我正在尝试创建的是具有动态虚拟内容的演示应用。

概念是:

单击内容集中的链接,并显示与该链接相关的json数据(标题)。

我已经注意到html中有问题的转发器

演示:plnkr.co

我对角度有点新意,所以如果有更简单的方法可以做到这一点,任何指导都会非常感激。谢谢!!

2 个答案:

答案 0 :(得分:0)

您的第二个块包含两个嵌套的ng-repeats:一个遍历contentSets,另一个遍历当前内容的标题。您需要一个ng-repeat,它会迭代顶部块中单击的内容。此单击的内容由useContent函数存储在范围变量setContent()中(通过ng-click调用)。所以这就是你必须迭代的东西:

<ul class="list-unstyled" >
    <li ng-repeat="headline in useContent.headlines">
        {{headline.headline}}
    </li>
</ul>

你选择了<h1>,它显示了相应的标题,BTW。

演示:http://plnkr.co/edit/guAapCDRzPI1i51OfRAS?p=preview

答案 1 :(得分:0)

Demo Plunker Here

您只需要在ul元素上放置ng-show,并且只在content == useContent

时显示
 <ul class="list-unstyled" ng-repeat="content in contentSets" ng-show="content == useContent">
    <li ng-repeat="headline in content.headlines">
      <a href="#">{{headline.headline}}</a></li>
 </ul>