UI-Select2 绑定到对象而不是对象的属性
UI-Select2 binding to object instead of property of object
我正在使用ui-select2,版本3.5.2,尝试进行单选,提前键入并从REST api,下拉列表中检索。看起来它正在工作,除了一个主要问题,即ng-model的属性被设置为对象{Id: "some id", text: "some text"}
而不是实际的Id属性。我不知道如何告诉 ui-select2 控件将 ng-model 属性设置为对象的"Id"字段,而不是整个对象。我已经尝试了各种与观察者一起的黑客,但没有取得任何进展。我确信我缺少一些东西,因为这应该很容易实现。
这是我的javascript代码:
$scope.selectOptions = {
placeholder: '- Select Value -',
allowClear: true,
minimumInputLength: 2,
initSelection: function (element, callback)
{
if ($scope.myobj && $scope.myobj.Id && $scope.myobj.Id !== '00000000-0000-0000-0000-000000000000')
{
$.ajax("../../api/objs/" + $scope.myobj.Id).done(function (data) {
var res = $(data).map(function (i, o) {
return {
id: o.Value,
text: o.Display
};
}).get();
callback(res[0]);
});
}
},
ajax:
{
type: "GET",
url: function (term) {
return ["../../api", "objs", encodeURIComponent(term)].join("/");
},
dataType: "json",
contentType: "application/json",
cache: false,
results: function (data, page) {
return {
results: $(data).map(function (i, o) {
angular.extend(o, {
id: o.Value,
text: o.Display
});
return o;
}).get()
};
}
}
}
这是我的 html 代码:
<div ui-select2='selectOptions' ng-model="myobj.Id" style="width:215px" />
我通过绑定到一个单独的属性,然后在我的div 上添加一个 ng-change 并将绑定属性的 id 字段同步到我对象上的实际属性来解决这个问题。
相关文章:
- 如何从对象的原型方法访问JavaScript对象属性
- 如何将数组项添加到对象属性中
- 设置嵌套对象属性的更好方法
- JavaScript管理具有重复属性名称的对象属性
- 如何使用element.myobj.prop等具有对象属性的元素
- 如何使用(this)访问Angular 2 http rxjs catch函数中的对象属性
- Es6:能够在设置/更新/删除对象属性时调用自定义方法
- 如何在AngularJS工厂中正确声明对象属性
- 如何使用object.assign()从其他对象引用基本对象属性
- 使用XPath样式访问Javascript JSON对象属性
- 将javascript对象(属性+值)合并到一个对象中
- 数组:使对象属性成为数组键
- 无法从JavaScript中的函数调用对象属性
- Google Closure Advanced |无法识别对象属性|动态属性
- Javascript从匿名函数访问外部对象属性
- 从函数更改对象属性
- 如何从字符串变量访问对象属性
- 从嵌套对象属性中获取排除某个值的最高值
- 在Aurelia computeds中,当设置依赖关系时,如何声明对对象属性的依赖关系
- 传递数量不确定的可能嵌套的对象属性