值未在视图中更新

Question

我有一个ui-select，在用户按下保存按钮后，ui select应该重置为初始值。

ui-select -

    <ui-select multiple ng-model="selectedGroup" ng-change="selectGroups(selectedGroup)" style="width:250px;">
        <ui-select-match placeholder="Select groups...">{{$item}}</ui-select-match>
        <ui-select-choices repeat="group in groups| filter:$select.search">
                            {{group}}
        </ui-select-choices>
    </ui-select>

在控制器中：

    $scope.save = function(){
           // some logic
           $scope.selectedGroup = ["group1"];
       }

ui select的值未更新。我该如何解决这个问题？

Answer 1

ng-model中的<ui-select>必须有一个点（。）表达式，如下所示

<ui-select multiple ng-model="model.selectedGroup" ng-change="selectGroups(model.selectedGroup)" style="width:250px;">

在您的控制器代码中，您可以设置ng-model中指定的属性的初始值，如此

$scope.model = {
  selectedGroup: ["group1"] 
};