javascript - angular-ui select2 中断数据绑定

Question

我有一个服务将我的数据存储为单一事实来源，因此我的控制器可以通过调用该服务来更改模型，而其他控制器将获得同步的模型数据。

angular.module('fmAppApp').factory('CategoryService', function(Category) {
  var catServiceInstance, categories;
  categories = Category.query(); // Category is ng-resource
  return catServiceInstance = {
      getCategories: function() {
         return categories;
      },
      addCategory: function(category) {
         categories.push(category)
      }
  };
});

ui-select在我集成 angular-ui select2 模块以利用其指令之前，它在 chrome 和 firefox 中都能完美运行。我用这样的选项填充它：

 <ui-select-choices refresh="addNewObj($select.search)" refresh-delay="0" repeat="category in categories | filter: {name: $select.search}">

现在，当我在一个控制器中添加类别时，我看不到它出现在下拉列表中。奇怪的是，只有在Firefox中才如此。在 chrome 中它工作正常。我想听听我需要采取的一些解释和操作，以使其在这两种浏览器中都能正常工作。