如何访问数组中的值

时间:2015-11-19 09:59:26

标签: arrays angularjs

如果我有这样的数组格式:

$scope.test = [
              ["Invalid Image","file size is invalid"],
              [],
              [],
              [],
              []
           ]

如何仅使用值获取和显示数组。例如:

           Invalid Image
           file size is invalid

有可能吗?

4 个答案:

答案 0 :(得分:0)

您可以进行嵌套迭代。

$scope.test.forEach(function(item) {
  var isArray = item instanceof Array;

  if(isArray) {
    item.forEach(function(value) {
      console.log(Value);
    });
  }
});

答案 1 :(得分:0)

如果您使用角度' js,您可以使用Angular的ng-repeat指令,如下所示

<强>模板

<div ng-app="myApp" ng-controller="myCtrl">
    <div ng-repeat="name in names">
        <p>{{name[0]}}</p>
        <p>{{name[1]}}</p>
    </div>
</div>

<强>控制器

var app = angular.module('myApp',[]);

    app.controller('myCtrl',myCtrl);


    myCtrl.$inject = ["$scope"];

    function myCtrl($scope){

       $scope.names = [
            ["Invalid Image1","file size is invalid1"],
            ["Invalid Image2","file size is invalid2"]
       ] 

    }

演示:https://jsfiddle.net/w6duxj9h/

答案 2 :(得分:0)

这取决于您希望如何在视图中显示它。 例如,如果您需要像列表

那样显示它

在模板中使用指令,例如ng-repeat

 <ul ng-repeat="tes in test">
<li ng-repeat="t in tes">{{ t }}</li>
</ul>

答案 3 :(得分:0)

添加到之前的答案中,如果您只想显示具有2个值的数组,例如您的示例,则可以使用以下内容:

<div ng-repeat="item in items">
    <div ng-show="item.length == 2" style="margin-bottom:10px;">
        {{item[0]}}<br/>
        {{item[1]}}
    </div>
</div>

小提琴:http://jsfiddle.net/HB7LU/20052/