Angularjs下拉选项以显示当前选定项目
我想在这里完成的是,当用户进入应用程序时,selectedLocal已设置为ID184,并命名一个名称而不是默认名称 感谢您的帮助 我有以下脚本:Angularjs下拉选项以显示当前选定项目,angularjs,angularjs-directive,angularjs-scope,angularjs-ng-repeat,angular-ui,Angularjs,Angularjs Directive,Angularjs Scope,Angularjs Ng Repeat,Angular Ui,我想在这里完成的是,当用户进入应用程序时,selectedLocal已设置为ID184,并命名一个名称而不是默认名称 感谢您的帮助 我有以下脚本: function MyCtrl($scope) { $scope.User = [{ ID: 109, Name: 'A Name' }, { ID: 161, Name: 'B Name' }, {
function MyCtrl($scope) {
$scope.User = [{
ID: 109,
Name: 'A Name'
}, {
ID: 161,
Name: 'B Name'
}, {
ID: 184,
Name: 'C Name'
}];
$scope.selectedLocal = [{ID: 184,Name: 'A Name'}]
}
以及以下html:
<div ng-app ng-controller="MyCtrl">
<div>{{selectedLocal}}</div>
<select ng-model="selectedLocal" ng-options="item.Name for item in User" ng-change="localSelectChange()">
<option value="">Default</option>
</select>
</div>
{{selectedLocal}}
违约
这是js小提琴
谢谢您必须了解,
ng选项
通过引用将选项值与ng型号
值进行比较。这意味着在某一点上有一个
比较$scope.User[i]==$scope.selectedLocal
的循环,其中i
是介于0和$scope.User.length
之间的值
因此,您需要初始化$scope.selectedLocal
,并引用$scope.User
。
在您的情况下,这将是$scope.selectedLocal=$scope.User[2]代码>
或者你可以这样做:
ng options=“item.ID作为用户中项目的item.Name”
及
$scope.selectedLocal=184代码>
根据具体情况,一种解决方案可能优于另一种解决方案。您必须了解,ng options
通过引用将选项值与ng model
值进行比较。这意味着在某一点上有一个
比较$scope.User[i]==$scope.selectedLocal
的循环,其中i
是介于0和$scope.User.length
之间的值
因此,您需要初始化$scope.selectedLocal
,并引用$scope.User
。
在您的情况下,这将是$scope.selectedLocal=$scope.User[2]代码>
或者你可以这样做:
ng options=“item.ID作为用户中项目的item.Name”
及
$scope.selectedLocal=184代码>
根据具体情况,一种解决方案可能优于另一种解决方案。您必须了解,ng options
通过引用将选项值与ng model
值进行比较。这意味着在某一点上有一个
比较$scope.User[i]==$scope.selectedLocal
的循环,其中i
是介于0和$scope.User.length
之间的值
因此,您需要初始化$scope.selectedLocal
,并引用$scope.User
。
在您的情况下,这将是$scope.selectedLocal=$scope.User[2]代码>
或者你可以这样做:
ng options=“item.ID作为用户中项目的item.Name”
及
$scope.selectedLocal=184代码>
根据具体情况,一种解决方案可能优于另一种解决方案。您必须了解,ng options
通过引用将选项值与ng model
值进行比较。这意味着在某一点上有一个
比较$scope.User[i]==$scope.selectedLocal
的循环,其中i
是介于0和$scope.User.length
之间的值
因此,您需要初始化$scope.selectedLocal
,并引用$scope.User
。
在您的情况下,这将是$scope.selectedLocal=$scope.User[2]代码>
或者你可以这样做:
ng options=“item.ID作为用户中项目的item.Name”
及
$scope.selectedLocal=184代码>
根据上下文,一种解决方案可能比另一种更受欢迎。感谢您的解释,我是angularjs的新手,但这是一个多么神奇的库啊。我以前用过knowckoutjs,我更喜欢这个:)接受答案。谢谢你的解释,我是angularjs的新手,但这是一个多么神奇的图书馆。我以前用过knowckoutjs,我更喜欢这个:)接受答案。谢谢你的解释,我是angularjs的新手,但这是一个多么神奇的图书馆。我以前用过knowckoutjs,我更喜欢这个:)接受答案。谢谢你的解释,我是angularjs的新手,但这是一个多么神奇的图书馆。我以前用过knowckoutjs,我更喜欢这样:)接受答案。