AngularJS 输入值作为数组不匹配模型

Question

我正在构建一个按框排序以帮助对我的 ng 重复数据进行排序。

我的排序框目前是这样的：

<select name="day" ng-model="Events.orderAttraction" data-ng-change="Events.limit = 6">
    <option value="['!rating', '-rating']">Rating (high to low)</option>
    <option value="rating">Rating (low to high)</option>
    <option value="name">Attraction (a-z)</option>
    <option value="-name">Attraction (z-a)</option>
</select>

我控制器中的订单变量目前是：

vm.orderAttraction = ["!rating", "-rating"];

由于我的第一个选项值与我的 select 框链接到的模型值完全相同，因此在页面加载时它应该默认为此值。相反，我得到了什么？ object:5 ?（空白选项）作为我的 select 框加载到页面上。

我感觉 angular 将我的选项值作为字符串而不是数组来获取，因此不会将其与模型值匹配。但我似乎无法解决这个问题。

感谢您的帮助。

Answer 1

来自https://docs.angularjs.org/api/ng/directive/ngOptions：

ngOptions should be used when the model needs to be bound to a non-string value. This is because an option element can only be bound to string values at present.

AngularJS 输入值作为数组不匹配模型

AngularJS input value as array not matching model

javascript

arrays

angularjs

angular-ngmodel

angularjs-ng-model