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

Question

我正在使用 ui-select2，版本 3.5.2，尝试做一个 select，提前输入并从 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" />

Answer 1

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