Question

<!-- Left Navbar -->
<div class="container-fluid" style="margin-top: 50px">
<div class="row">
    <div class="col-sm-3 col-md-2 sidebar">
        <ul ng-repeat="type in types" class="nav nav-sidebar">

            <li>{{type}}</li>                
            <li ng-repeat="sensor in sensors | filter: { type: {{type}} }"><a href="#">{{sensor.name}}</a></li>

        </ul>
    </div>
</div>

我正在尝试嵌套ng-repeat，并希望使用外部重复的值来确定内部重复。我想动态构建一个导航栏来列出json对象数组中的所有项目，并在它们的传感器类型下列出它们（led，fan，motor，ect）这可能吗？

我有一个范围可变传感器，其中包含电路板上的所有传感器和一个包含所有不同类型传感器的类型阵列。

Answer 1

假设数据结构定义为此

function Ctrl($scope) {
    $scope.types = [
        "A", "B"
    ];

    $scope.sensors = [{
        "type": "A",
            "name": "AA"
    }, {
        "type": "B",
            "name": "BB"
    }];
}

使用以下语法：

ng-repeat="sensor in sensors | filter: {'type': type}"

如何在ng-repeat中使用过滤器中的数据绑定变量（Angular JS）

1 个答案: