时间戳

首页 > 解决方案 > 具有配置索引的数组在 ng-repeat 上不起作用，也不能在 AngularJS 的 html 中显示

javascript - 具有配置索引的数组在 ng-repeat 上不起作用，也不能在 AngularJS 的 html 中显示

问题描述

我正在尝试ng-repeat配置$index一个数组，但这似乎对我不利。

控制器.JS

let vm = this;
let obj = [
    {
       id: '12345-6789-10',
       code: 'test1',
       time_stamp: 15183626121
    }, {
       id: '12345-6789-11',
       code: 'test2',
       time_stamp: 15183626122
    }
];

vm.stocks_code = [];
obj.map(r => stocks_code[r.id] = r.code);
console.log(vm.stocks_code) // OUTPUT: [12345-6789-10: "test1",
                            //          12345-6789-11: "test2"];

let test = [12345-6789-10: "test1", 12345-6789-11: "test2"] // obviously wont
                             // work because only `{}` can handles this syntax.

索引.HTML

<pre>
   {{ vm.stocks | json }} // does not display
</pre>

<div ng-repeat="o in vm.stocks_code">
    {{ $index }} : {{ o }} // does not display
</div>

标签： javascriptangularjs

解决方案

只需使用ng-repeat：

angular.module("app",[])
.controller("ctrl", function() {
    var vm = this;
    vm.objArr = [
        {
           id: '12345-6789-10',
           code: 'test1',
           time_stamp: 15183626121
        }, {
           id: '12345-6789-11',
           code: 'test2',
           time_stamp: 15183626122
        }
    ];
})
<script src="//unpkg.com/angular/angular.js"></script>
<body ng-app="app" ng-controller="ctrl as vm">
<div ng-repeat="o in vm.objArr">
    {{ $index }} : {{ o.id }}  {{o.code}}
</div>
</body>

推荐阅读