我正在使用 angularjs 搜索过滤器,它工作正常,但我只想要汽车列表中的搜索框,所以我添加ng-if="key=='Cars'"
了搜索框,所以它只会出现在汽车中,但是在添加ng-if
过滤器后停止工作,我无法弄清楚为什么它不工作?
<div class="form-group" ng-if="key=='Cars'">
<input type="text" ng-model="search" placeholder="Search in {{key}}" class="form-control input-sm" />
</div>
angular.module('myApp', []).controller('myCtrl', function($scope) {
$scope.data = {
"Cars": ["Ferrari", "Lamborghini", "Mercedes", "BMW", "Audi", "Bugatti", "Ford"],
"object": [0, 1, 2, 3, 4, 5, 6, 7],
"object3": [0, 1, 2, 3, 4, 5, 6, 7]
}
});
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<div class="container">
<div class="row">
<div class="col-xs-4" ng-repeat="(key,val) in data">
<div class="panel panel-default">
<div class="panel-heading">{{key}}</div>
<div class="panel-body">
<div class="form-group" ng-if="key=='Cars'">
<input type="text" ng-model="search" placeholder="Search in {{key}}" class="form-control input-sm" />
</div>
<table class="table">
<tr ng-repeat="j in val | filter:search">
<td>{{j}}</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
控制台没有任何错误
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句