AngularJS ngRepeat循环变量

AngularJS ngRepeat loop variables

本文关键字:变量 循环 ngRepeat AngularJS      更新时间:2023-09-26

我有以下代码:

 $scope.links = { 
            home: {text:'Home', link:'#'},
            about: {text:'Contact', link:'#'},
            handeMade: {text:'Contact', link:'#'},
            shirts: {text:'Contact', link:'#'},
            design: {text:'Contact', link:'#'},
            photography: {text:'Contact', link:'#'},
            blog: {text:'Contact', link:'#'},
            contact: {text:'Contact', link:'#'}
        }

我想使用ngRepeat指令在作用域链接内循环变量,以获取每个对象的文本和链接,可以做到吗?

谢谢。

查看其工作原理:

<div ng-repeat="link in links track by $index">
    <p>Text: {{link.text}}</p>
    <p>Link: {{link.link}}</p>
</div>
<div ng-repeat="(key,value) in links">
  <div ng-repeat="(k,v) in value">
     <p>Text: {{k.text}}</p>
     <p>Link: {{k.link}}</p>
   </div>
</div>