嵌套的 ng-repeat 在<输入>中不起作用
Nested ng-repeat doesn't work inside <input>
我有一个$scope
参数,看起来像这样:
$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
从输入中取出,并将其放在标签或其他东西中。
我在这里错过了什么吗?
像这样
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>
相关文章:
- 点击按钮输入不起作用
- 按键事件上的简单HTML输入不起作用
- 数组输入不起作用
- 密码输入不起作用的Javascript模糊
- 通过用户输入不起作用来更改输入编号
- jQuery计时器对输入不起作用
- JavaScript onfocus/onblur 特定于输入 - 不起作用
- 隐藏输入不起作用
- 聚合物纸张输入不起作用或渲染
- Javascript 函数检查公式器中的所有输入不起作用
- 来自 jquery 的文本输入不起作用
- Javascript禁用表单上的输入不起作用
- j查询禁用输入不起作用
- 密钥输入不起作用
- 第二次点击后,iOS 网络视图中的文本输入不起作用
- 使用双卷bracer的指令的输入不起作用
- 克隆的自动完成输入不起作用
- 日期.GUI用户输入不起作用
- 离子输入不起作用,但输入起作用
- 当通过JS更新值时,jQuery对更改/输入不起作用