2016-12-13 19 views
0

のブール値に基づいて選択オプションを表示し、我々は角度JS角度JS - ドロップダウン

号使用してドロップダウンメニューのオプションを選択してエイリアス名を表示することができます。

が昇順に真と降順に偽の変化ブール値をしようとしますドロップダウンオプションの表示でもエイリアス名の選択にブール値を保持しようとしている - 昇順または降順

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

+0

いいえ、私が代わりに –

+0

真または偽の私はどのような方法があるかどうかを確認しようとしています昇順および降順見たいと思って、私たちは昇順および降順にブール値を別名設定できると同時に、同じ使いたいですオブジェクトを変更せずに別の一時オブジェクト –

答えて

1

は、あなただけの以下のようなもの三条件を追加することができます。

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

を使用すると、昇順と降順の代わりにxxxxとyyyyが表示されます。ドロップダウンオプションを「昇順」と「降順」にしたい –

+0

私のコードを更新しました。これはあなたのために働くことを願っています –

+0

オブジェクトを修正し、エイリアスパラメータを追加することは解決策ではない可能性があります –