数组内的数组的角度ng重复显示值

时间:2016-03-13 16:35:09

标签: javascript arrays angularjs materialize

我是角色新手,我正在尝试建立动态定价表

我有这个:

    <li ng-repeat="option in optionsActives"  class="collection-item {{option.categorie}}"><div>{{option.services}}<a class="secondary-content"><i class="material-icons">done</i></a></div></li>

输出:[{“titre”:“titre”,“desc”:“description”},{“titre”:“titre a”,“desc”:“description a”}]

但我需要输出{{option.services.descr}}

这是我的小提琴 https://jsfiddle.net/shutterlab/vnss3mf0/3/

我想在服务数组中显示值(数组内部项) 但我可以从中获得价值 {{option.services.titre}} {{option.services.descr}} 在ng-repeat里面?

我该怎么办?

非常感谢你的帮助

4 个答案:

答案 0 :(得分:0)

在Angular中,您可以嵌套ng-repeat&#39;

你只需:

<div ng-repeat="optionItem in option.services">{{ optionItem.desc }}</div>

我已经更新了你的小提琴:

https://jsfiddle.net/vnss3mf0/4/

答案 1 :(得分:0)

如果我理解正确你想要显示服务数组的内容,那么你只需要嵌套另一个ng-repeat。例如:

<ul>
     <li ng-repeat="service in item.services">
         {{service.titre}}
     </li>
</ul>

https://jsfiddle.net/jjneg43b/

答案 2 :(得分:0)

你可以试试这个:{{option.services[0].desc}}

答案 3 :(得分:0)

添加.desc

<li ng-repeat="option in optionsActives" class="collection-item {{option.categorie}}">
        <div>{{option.services.desc}}<a class="secondary-content"><i class="material-icons">done</i></a></div>
      </li>