gpt4 book ai didi

AngularJS。选择具有NG-Model属性时,NG选择不起作用

转载 作者:行者123 更新时间:2023-12-04 18:04:12 26 4
gpt4 key购买 nike

我正在尝试设置 ng-selected在我的 option元素,selected属性设置为 true ,但是 option未选中,当我删除 ng-model来自 select都开始工作了。

问题 : 如何制作option选择,当我使用模型时?

这是my plunker ( selected 不在这里工作)

我的代码:

var app = angular.module("plunker", []);

app.controller("TestController", ["$scope", function($scope) {
$scope.test = 1;
$scope.array = [
{"id": 1, "name": "first"},
{"id": 2, "name": "second"},
{"id": 3, "name": "third"}
];
}]);

我的模板:
  <body ng-controller="TestController">
Selected item must be {{ array[test-1].name }}
<select ng-model="myModel">
<option value="">Choose item..</option>
<option ng-repeat="item in array"
ng-value="item.id"
ng-selected="item.id == test">
{{ item.name }} ({{item.id == test}})
</option>
</select>
</body>

非常感谢您的帮助!

最佳答案

不要将 ngSelected 与 ngRepeat 一起使用。使用 ngOptions:

  <body ng-controller="TestController">
Selected item must be {{ array[test-1].name }}
<select ng-model="myModel" ng-options="item.id as item.name for item in array">
<option value="">Choose item..</option>
</select>
</body>

关于AngularJS。选择具有NG-Model属性时,NG选择不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34996714/

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