angularjs - Select2标记输入失去价值AngularJS

Question

我有一个用 切换视图的应用程序ng-switch，而在切换视图时，我的标记输入特别丢失了它的值并落入了它的对象字符串，我的其他输入都没有遇到这个问题：

HTML：

<input ui-select2="version2" 
        id="keywordsGlobal" 
        name="keywordsGlobal" 
        class="region-keywords input-xlarge" 
        data-ng-model="data.keywordsGlobal" 
        required-multiple />

JSON：

[  
   {  
      "id":"[object Object]",
      "text":"[object Object]"
   }
]

有没有办法专门防止这种情况？

Answer 1

我在使用 ui-select2 时遇到了各种问题，只写了一个简单的自定义指令，一切正常。如果其他人在 angular、select2 和标记方面遇到问题，我建议尝试一下。对我有用的是这样的模板：

<input type="text" tag-list ng-model="item.tags">

请注意， item.tags 是一个 JavaScript 数组，而不是一串逗号分隔的标签或类似的东西。与自定义指令一起使用（不使用 ui-select2，只使用 select2）：

app.directive('tagList', function($timeout) {
  return {
    require: 'ngModel',
    restrict: 'A',
    link: function(scope, element, attrs, controller) {
      scope.$watch(attrs.ngModel, function(value) {
        if (value !== undefined) {
          element.select2('val', value);
        }
      });

      element.bind('change', function() {
        var value = element.select2('val');
        controller.$setViewValue(value);
      });

      $timeout(function() {
        element.select2({
          tags: []
        });
      });
    }
  };
});

Answer 2

在随后加载选择时，数据似乎没有正确加载。使用initSelect()并手动将数据重新分配给选择似乎可以解决问题。

看看http://jsfiddle.net/qdrjk/111/

$scope.version2 = {
    tags : null,
    initSelection: function(elem, callback) {
        console.log(elem);
        var data = $scope.data.keywordsGlobal;
        callback(data);
    },
    createSearchChoice : function(term, data) {
        if ($(data).filter(function() {
            return this.text.localeCompare(term) === 0;
        }).length === 0) {
            return {
                id : term,
                text : term
            };
        }
    }
}