Question

我是Angular Material的新手。我对md-select有点问题。

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-select的选项，但是选项按（'asc'）排序，如（A，B，C，D，E）。请有人帮帮我吗？感谢。

Answer 1

将'text.code'替换为text.code。使用以下代码：

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

Answer 2

试试这个：

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

以获取更多参考：http://www.w3schools.com/angular/ng_filter_orderby.asp

md-select options orderBy“code”Angular

2 个答案: