我在尝试使用仅引用之前点击的ng-click功能的ng-repeat时遇到了一些麻烦。
我正在尝试创建的是具有动态虚拟内容的演示应用。
概念是:
单击内容集中的链接,并显示与该链接相关的json数据(标题)。
我已经注意到html中有问题的转发器
演示:plnkr.co
我对角度有点新意,所以如果有更简单的方法可以做到这一点,任何指导都会非常感激。谢谢!!
答案 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。
答案 1 :(得分:0)
您只需要在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>