Angular UI select2指令 - 以编程方式更新模型,而不是在窗口小部件上反映

Question

我正在尝试以编程方式更新select2模型并使视图刷新但它似乎不起作用.

这是一个从Angular UI项目分叉的示例plunker:http://plnkr.co/edit/kQROgr？p = preview

我尝试添加initSelection()accroding到select2 docs(http://ivaynberg.github.com/select2/ " 响应外部值更改"),但这不起作用.我也尝试过select2 3.3.2并且也没有解决它.

有两个问题:1)单击"更新模型",模型更新但不会向select2小部件添加标记.另外2)单击"Update-Model"然后使用select2选择第二个标签,"Update-Model"添加的第一个标签消失.

Answer 1

我知道这个问题有点老了但是嘿...我找到了它但不知道答案。

我设法通过设置模型然后在 select2Options 配置上调用 initSelection() 来完成我想做的事情

所以我的配置是这样的：

$scope.select2Options = {
allowClear: true
minimumInputLength: 3
quietMillis: 1000
initSelection: ->
  $scope.property
query: (query)->
  Properties.query({q: query.term}, (response)->
    data = {results: processData(response['properties'])}
    query.callback(data)
    )

  processData = (data)->
    results = []
    angular.forEach(data, (item, index)->
      results.push(item)
      )
    return results

}

然后我让我的模态返回新创建的对象，如下所示：

modalInstance.result.then((result)->
    $scope.property = result
    $scope.select2Options.initSelection()
  )

基本上，一旦它更新了模型，我就必须手动重新初始化 select2 小部件。我认为如果你真的想的话，这可以用 $scope.$watch 来处理，但这可能会很浪费，除非你从几个地方或其他地方更新了该属性。