如何在$ scope内进行迭代

时间:2014-05-07 07:41:39

标签: angularjs

我在函数内部的角度js中有代码:

$scope.myNum= [
  {num:'1'},
  {num:'2'},
  {num:'3'},
  {num:'4'},
  { and so on}...
];

我想要的是myNum中的项目的迭代代码。像使用for循环等,但我不知道如何做到这一点。我是angularjs的新手。

谢谢。 (编辑)的

很抱歉误解了我所说的有点像:

$scope.myNum =[
for(i = 1;i<100;i++){
num:'i'}
]

像这样的代码。

3 个答案:

答案 0 :(得分:0)

标记

<div ng-repeat="number in myNum">{{number.num}}</div>

浏览此链接ng-repeat

在JS中使用angular.forEach()

angular.forEach(myNum, function(value, key){
       console.log(value.num);
     });

答案 1 :(得分:0)

您可以在$scope内部以及通常的JavaScript数组中进行迭代:

var i = 0,
    len = $scope.myNum.length

for ( ; i < len; i++ ) {
    console.log( $scope.myNum[i] );
}

答案 2 :(得分:0)

我认为您的意思是要创建一个包含数字1-100的对象数组,然后将其分配给您的范围。

最简单的方法是:

var items = [],
      i;
for (i = 0; i <= 100; i++) {
    items[i] = { num: i};
}
$scope.myNum = items;

以下是Plunker

的工作原理