Angular JS-根据下拉列表的布尔值显示选择选项



我们可以在使用Angular JS

的下拉选项中显示别名名称

问题:

尝试更改布尔值真实到上升,而在显示下拉选项中降低的discing discing,并且还试图在选择别名名称的选择上保留布尔值 - 上升或下降

html:

<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
Trying to show dropdown options Ascending or Descending instead of true or false<br><br>
<select ng-model="selectedName" ng-options="x.ascending for x in names">
</select><br><br>
{{selectedName}}
</div>

</body>
</html>

JS:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.names = [{"name":"xxxx","ascending":true},{"name":"yyyy","ascending":false}];
});

http://codepen.io/nagasai/pen/zbmlep

如果您想显示上升/discending 而不是 true/false/false ,则只需添加一个像下面的三元条件。/p>

<select ng-model="selectedName" ng-options="(x.ascending  ? 'Ascending' : 'Descending') for x in names track by x.ascending"></select>

最新更新