javascript - 在 Angular ng-options 上选择的 bool 值

Question

分配给模型的 bool 值不会预先选择相应的选项 - 首先显示一个空选项:

选择:

<select data-ng-model="scriptData.privacy" data-ng-options="privacyOption.value as privacyOption.label for privacyOption in privacyOptionsSelect track by privacyOption.value"></select>

Controller 中的选项:

$scope.privacyOptionsSelect=[
            {
                label:'Registered users only can view this',
                value: false
            },
            {
                label:'Anyone with the link can view this',
                value: true
            }
        ];

scriptData.privacy 设置为 false。

Answer 1

在使用格式为 ngOptions 的表达式时要小心:

选择作为标签用于数组中的值

连同track by。这是因为 track by 应用于分配给 ngModel 的值，因此如果您的选择采用 privacyOption.value 形式，track by 表达式实际上应用于该值。这就是它没有成功选择初始值的原因。

要解决此问题，您有两种选择。您可以跳过 track by。这会起作用:

<select data-ng-model="scriptData.privacy" 
        data-ng-options="privacyOption.value as privacyOption.label for privacyOption 
            in privacyOptionsSelect"></select>

或者您可以更改 select as 表达式以选择整个 privacyOption 对象。这也可以工作(请注意 ngModel 指令也已更改):

<select data-ng-model="scriptData"
        data-ng-options="privacyOption as privacyOption.label for privacyOption 
            in privacyOptionsSelect track by privacyOption.value"></select>

要获得完整(可能更好)的解释，I recommend the ngOptions documentation .