2017-07-15 54 views
-1

我有一个对AngularJS Guru的定位。是否可能从下一个清单中删除空值,其中klassList是一些对象列表。我需要 正是NG-重复,而不是NG选项[{"id":1,"klassName":"11A","pupils":null},{"id":2,"klassName":"12B","pupils":null}]是否可以删除空白值精确选择** ng重复**

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

我的目标是获得与过滤值的可能性下拉列表。

+1

你有什么在klassList – Daniel

+0

我过滤值? – Sajeetharan

+0

但如何将你应该使用'NG-options',而不是'NG-repeat'这里 –

回答

0

使用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="[email protected]" 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>