angularjs - Select2 标记输入失去值 AngularJS

Question

我有一个使用 ng-switch 切换 View 的应用程序，在切换 View 时，我的标记输入特别丢失了其值并落入其对象字符串中，我的其他输入都没有遇到此问题:

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: []
        });
      });
    }
  };
});