0
<!-- 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-重复绑定变量过滤器中的数据(角JS)

我试图巢NG重复并想用外重复的值,以确定内在的重复。我想动态地建立一个导航栏来列出json数组对象中的所有项目,并将它们列在它们的传感器类型下(led,fan,motor等)这可能吗?

我有一个范围变量传感器,包含板上所有的传感器和一个类型数组,它具有所有不同类型的传感器。

回答

0

假设数据结构被定义为这个

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}"