嵌套NG-重複並不裏面<input>

Question

工作，我有一個$scope PARAM，看起來像這樣：

$scope.filters = [{name: "Brands", brands: ['Brand1', 'Brand2', 'Brand3']}, 
       {name: "Catalogs", brands: ['Cat1', 'Cat2', 'Cat3']}]; 

在HTML文件，然後我試圖顯示這個作爲像這樣的列表：

<div ng-repeat="filter in filters"><h3>{{filter.name}}</h3> 
      <input type="checkbox" ng-repeat="brand in filter.brands"> {{brand}}<br> 
     </div> 

的filter.name的作品，因爲我看到"Brands"和"Catalogs"，但低於他們，我看空的複選框。 讓它工作的唯一方法是從輸入中取出ng-repeat，並將它放在標籤之外。
我在這裏錯過了什麼？

Answer 1

這樣

var app = angular.module("app",[]); 
 
app.controller("ctrl" , function($scope){ 
 
    $scope.filters = [{name: "Brands", brands: ['Brand1', 'Brand2', 'Brand3']}, 
 
       {name: "Catalogs", brands: ['Cat1', 'Cat2', 'Cat3']}]; 
 
    
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<div ng-repeat="filter in filters"><h3>{{filter.name}}</h3> 
 
    <div ng-repeat="brand in filter.brands"> 
 
     <input type="checkbox" ng-model="brands"> {{brand}}<br> 
 
    </div> 
 
    </div> 
 
    
 
    </div>