UI-Select2绑定到对象而不是对象的属性

时间:2016-04-25 15:17:03

标签: javascript angularjs ui-select2

我正在使用 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" />

1 个答案:

答案 0 :(得分:0)

我通过绑定到一个单独的属性然后在我的div上添加ng-change并将绑定属性的id字段同步到我的对象上的实际属性来解决这个问题。