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
            };
        }
    }
}