Question

我们有一个内部系统，因为我们不再与开发人员联系，我被要求更改其中一个下拉框按字母顺序排序。

经过一番搔痒后，我找到了代码行（使用HTML＆amp; Angular）：

＆＃13;

<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>

＆＃13;

在做了一些研究后，我认为这就像在E.G.中添加订单一样容易。：

＆＃13;

<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>

＆＃13;

也尝试过：

＆＃13;

<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>

＆＃13;

但没有任何运气。有人可以请指出我在哪里出错吗？我对这个领域知之甚少，所以会感激一些帮助。

谢谢

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>

排序Angular下拉框时遇到问题

1 个答案: