angularjs - 来自 Controller 的多个数据

Question

我正在尝试显示更多关于从 Controller 到同一项目的数据。如果我尝试在 ng-repeat="file in fileno &filede in descript & status in statusno"中设置另一个条件，则该项目不会显示

Controller

.controller('caseFileCtrl', function($scope) {
    $scope.fileno = ["1", "2", "3"];
    $scope.descript = ["consumer", "litrel", "accident"];
    $scope.statusno = ["open", "closed", "closed"];
})

查看

<ion-list>
    <ion-item item-icon-right href="#/filedetails" ng-repeat="file in fileno">File Ref No:{{file}}
        <br> Description:{{filedetail}}
        <br> Status:{{status}}
    </ion-item>
</ion-list>

Answer 1

您可以通过相应的索引引用项目:

<ion-item item-icon-right href="#/filedetails" ng-repeat= "file in fileno">
    File Ref No: {{file}}<br>
    Description: {{desript[$index]}}<br>
    Status: {{statusno[$index]}}
</ion-item>

但理想情况下，您可以修改数据结构以使用对象数组而不是三个单独的数组:

.controller('caseFileCtrl', function ($scope) {
    $scope.files = [
        {number: "1", description: "consumer", status: "open"},
        {number: "2", description: "literl", status: "closed"},
        {number: "3", description: "accident", status: "closed"}
    ];
});

并像这样使用它:

<ion-item item-icon-right href="#/filedetails" ng-repeat= "file in files">
    File Ref No: {{file.number}}<br>
    Description: {{file.desription}}<br>
    Status: {{file.status}}
</ion-item>