Javascript AngularJS Ng模型选项无法在getter setter函数中选择对象
使用Javascript AngularJS Ng模型选项无法在getter setter函数中选择对象,javascript,angularjs,Javascript,Angularjs,使用ng model options和getter setter函数从ng model中选择对象时出现问题。我绑定到ng modelgetter setter函数setGetSelectedItem,它必须从ng options接受一个对象,在我的情况下,项,并将其属性分配给另一个对象的属性特定数据。确实如此,对象已正确传递,但我无法在“选择选项”中选择该选项 <select name="item" ng-model="setGetSelectedItem" ng-opti
ng model options
和getter setter函数从ng model
中选择对象时出现问题。我绑定到ng model
getter setter函数setGetSelectedItem
,它必须从ng options
接受一个对象,在我的情况下,项
,并将其属性分配给另一个对象的属性特定数据
。确实如此,对象已正确传递,但我无法在“选择选项”中选择该选项
<select name="item" ng-model="setGetSelectedItem"
ng-options="item as item.title for item in items"
ng-model-options="{getterSetter: true}">
<option value="">-- Please select --</option>
</select>
下面是一个解决问题的方法:
我需要它作为对象传递,而不是作为object.property传递。
非常感谢您的帮助。我认为您的代码应该是:
angular.module('myApp',[])
.控制器('Ctrl1',功能($scope){
$scope.items=[{
“说明”:“项目说明”,
“项目类型”:“输出”,
“id”:1,
“标题”:“默认项”
}];
$scope.\u objectDataRaw={
特定_数据:{}
};
$scope.setGetSelectedItem=函数(值){
if(arguments.length){
$scope.\u objectDataRaw.specific\u data.property\u id=value.id;
$scope.\u objectDataRaw.specific\u data.property\u title=value.title;
$scope.\u objectDataRaw.specific\u data.property\u description=value.description;
返回$scope.\u objectDataRaw.specific\u数据;
}
};
});代码>
--请选择--
{{item.title}
不要使用getterSetter
选项,而是使用来设置特定的\u数据对象:
<select name="item" ng-model="selectedItem"
ng-options="item as item.title for item in items"
̶n̶g̶-̶m̶o̶d̶e̶l̶-̶o̶p̶t̶i̶o̶n̶s̶=̶"̶{̶g̶e̶t̶t̶e̶r̶S̶e̶t̶t̶e̶r̶:̶ ̶t̶r̶u̶e̶}̶"̶
ng-change="setSelectedItem(selectedItem)" >
<option value="">-- Please select --</option>
</select>
--请选择--
_objectDataRaw={{{u objectDataRaw}}
<select name="item" ng-model="selectedItem"
ng-options="item as item.title for item in items"
̶n̶g̶-̶m̶o̶d̶e̶l̶-̶o̶p̶t̶i̶o̶n̶s̶=̶"̶{̶g̶e̶t̶t̶e̶r̶S̶e̶t̶t̶e̶r̶:̶ ̶t̶r̶u̶e̶}̶"̶
ng-change="setSelectedItem(selectedItem)" >
<option value="">-- Please select --</option>
</select>