Angularドロップダウンボックスをソートする際に問題が発生しました

Question

私たちは社内システムを持っており、開発者とはまだ連絡が取れていないので、ドロップダウンボックスの1つをアルファベット順にソートするように求められました。私は（HTML &角度を使用して）、コードの行を探している傷先頭のビットの後

：

<select class="form-control max-width-40" title="Vehicle" ng-model="day.plant" ng-options="plant.displayName() for plant in ctrl.plants | filter : {isVehicle: true} " ng-change="ctrl.plantOnChange(day)" ng-disabled="!day.isEditable || ctrl.isViewMode()"></select>

私はそれを追加することと同じくらい簡単だろうと思ったいくつかの研究を行った後行EGによる注文：

<select class="form-control max-width-40" title="Vehicle" ng-model="day.plant" ng-options="plant.displayName() for plant in ctrl.plants | orderBy : plant.displayName | filter : {isVehicle: true} " ng-change="ctrl.plantOnChange(day)" ng-disabled="!day.isEditable || ctrl.isViewMode()"></select>

も試してみました：

<select class="form-control max-width-40" title="Vehicle" ng-model="day.plant" ng-options="plant.displayName() for plant in ctrl.plants | orderBy : 'toString()' | filter : {isVehicle: true} " ng-change="ctrl.plantOnChange(day)" ng-disabled="!day.isEditable || ctrl.isViewMode()"></select>

が、任意の運なし。 誰かが私が間違っているところを指摘してください。 私はこの分野でほとんど知識がないので、助けていただければ幸いです。

ありがとう

Answer 1

小さな変更を加える必要があります。

<select class="form-control max-width-40" title="Vehicle" ng-model="day.plant" ng-options="plant.displayName() for plant in ctrl.plants | orderBy : 'displayName()' " ng-change="ctrl.plantOnChange(day)" ng-disabled="!day.isEditable || ctrl.isViewMode()"></select>