html怎么遍历scope的值,angularjs如何遍历数组长度？

可以使用AngularJS的ng-repeat指令来循环遍历数组。ng-repeat指令用于循环输出指定次数的HTML元素。必须是数组或对象。

使用AngularJS的ng-repeat指令来循环遍历数组：

HTML代码：

JS Bin

{{test1}}

{{item.id}} -- {{item.value}}

{{key}} -- {{value}}

对于obj遍历的话 会根据key的首字母排序

{{key}} -- {{value.text}} -- {{value.value}}

js代码：var app = angular.module(‘myApp‘, []);

app.controller(‘testCtrl‘, function ($scope) {

$scope.test1 = ‘tt‘;

$scope.list1 = [{

id: ‘1‘,

value: ‘seti‘

}, {

id: ‘2‘,

value: ‘kuma‘

}, {

id: ‘3‘,

value: ‘cent‘

}];

$scope.obj1 = {

‘1‘: ‘seti‘,

‘2‘: ‘kuma‘,

‘3‘: ‘cent‘

};

$scope.obj2 = {

‘ins‘:{text:‘seti‘, value:‘s1‘},

‘abc‘:{text:‘kuma‘, value:‘s2‘},

‘coln‘:{text:‘cent‘, value:‘s3‘}

};

});

AngularJS ng-repeat 指令

ng-repeat 指令用于循环输出指定次数的 HTML 元素。

集合必须是数组或对象。

参数：

expression：表达式定义了如何循环集合。

表达式规则:x in records

(key, value) in myObj

x in records track by $id(x)

想要了解更多前端知识，可访问 前端开发学习！！