2016-09-20 50 views
1

我是Angular Material中的新成員。我有一個與md-select有關的小問題。md-select options orderBy「code」Angular

HTML代碼

<md-input-container> 
     <label layout="row" layout-align="start start">Text</label> 
     <md-select name="selectText" ng-model="textArray" required> 
      <md-option value="text.code" ng-repeat="text in textArray | orderBy: 'text.code'" required>{{ text.name }}</md-option> 
     </md-select> 
      <div ng-messages="formText.selectText.$error" ng-show="formText.selectText.$dirty || formText.selectText.$touched"> 
      <div ng-message="required">Select is Required </div> 
     </div> 
    </md-input-container> 

角碼

var textArray = [{name:"A", code:"5"}, 
{name:"B", code:"4"}, 
{name:"C", code:"3"}, 
{name:"D", code:"2"}, 
{name:"E", code:"1"}]; 

$scope.textArray = textArray; 

我試圖重新排序從MD-選擇,使用代碼的選項,但選項是爲了通過( 'ASC'),如(A ,B,C,D,E)。請任何人都可以幫我嗎?謝謝。

回答

-1

試試這個:

<md-option value="text.code" ng-repeat="text in textArray | orderBy: 'code'" required></md-option> 

更多參考:http://www.w3schools.com/angular/ng_filter_orderby.asp

+0

嘗試將更多地解釋這個.... –

+0

這裏NG-重複我們正在迭代對象..所以爲了不需要使用'text.code'... –

相關問題