是否可以完全删除空白值,选择**ng重复**



我向AngularJS Guru提出了一个问题。是否可以从下一个列表中删除空白值,其中 klassList 是一些对象列表。我需要完全 ng 重复而不是ng 选项[{"id":1,"klassName":"11A","pupils":null},{"id":2,"klassName":"12B","pupils":null}]

<input type="text" class="form-control" ng-model="klassName1"/>
<select class="form-control" ng-model="selectedItem" >
<option ng-repeat="klass in klassList | filter :  {klassName : klassName1}">{{klass.klassName}}</option>
</select>

我的目标是获取可以过滤值的下拉列表。

使用ng-options

ng-options="givendata as givendata .klassName for givendata in klassList"

angular.module('app', []).controller('SelectorCtrl', function($scope) {
$scope.klassList  = [{"id":1,"klassName":"11A","pupils":null},{"id":2,"klassName":"12B","pupils":null}];
});
<!DOCTYPE html>
<html ng-app="app">
<head>
<script data-require="angular.js@1.4.3" data-semver="1.4.3" src="https://code.angularjs.org/1.4.3/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller="SelectorCtrl">
<h1>Hello!</h1>
<select class="form-control"  ng-model="selectedItem" id="state" ng-model="divisionsSource" ng-options="givendata  as givendata.klassName for givendata in klassList">
<option value=''>Select</option>
</select>

</body>
</html>

最新更新