gpt4 book ai didi

javascript - 使用 AngularJS 和 ng-repeat 初始化选择

转载 作者:IT王子 更新时间:2023-10-29 02:37:47 25 4
gpt4 key购买 nike

我正在尝试让选择框从使用 ng-repeat 和 AngularJS 1.1.5 的预填充选项开始。相反,选择总是从没有选择任何东西开始。它还有一个空选项,我不想要。我认为没有任何选择会有副作用。

我可以使用 ng-options 而不是 ng-repeat 使它工作,但我想在这种情况下使用 ng-repeat。虽然我的缩小示例没有显示它,但我还想设置每个选项的标题属性,据我所知,使用 ng-options 无法做到这一点。

我认为这与常见的 AngularJs 作用域/原型(prototype)继承问题无关。至少我在 Batarang 检查时没有看到任何明显的东西。此外,当您使用 UI 在选择中选择一个选项时,模型会正确更新。

这是 HTML:

<body ng-app ng-controller="AppCtrl">
<div>
Operator is: {{filterCondition.operator}}
</div>
<select ng-model="filterCondition.operator">
<option
ng-repeat="operator in operators"
value="{{operator.value}}"
>
{{operator.displayName}}
</option>
</select>
</body>

和 JavaScript:

function AppCtrl($scope) {

$scope.filterCondition={
operator: 'eq'
}

$scope.operators = [
{value: 'eq', displayName: 'equals'},
{value: 'neq', displayName: 'not equal'}
]
}

JS Fiddle 为此:http://jsfiddle.net/coverbeck/FxM3B/2/

最佳答案

好的。如果您不想使用正确的方式 ng-options,您可以添加 ng-selected 属性,其中包含 option 的条件检查逻辑> 使预选生效的指令。

<select ng-model="filterCondition.operator">
<option ng-selected="{{operator.value == filterCondition.operator}}"
ng-repeat="operator in operators"
value="{{operator.value}}">
{{operator.displayName}}
</option>
</select>

Working Demo

关于javascript - 使用 AngularJS 和 ng-repeat 初始化选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18647098/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com