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

UI-Select2 binding to object instead of property of object

本文关键字:对象 属性 绑定 UI-Select2      更新时间:2023-09-26

我正在使用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 字段同步到我对象上的实际属性来解决这个问题。