如何在ui-select处于禁用状态时清除字段

Question

请告诉我如何清除字段或删除处于禁用状态的字段?我在这个例子中使用UI-select。我添加了一个条件，每当用户选择Nicole时，它将取消选择ui-select(用户无法选择更多选项)。但是我希望用户能够在禁用模式下清除/删除Nicole。

示例:如果用户错误地选择了Nicole选项，那么他没有办法选择任何其他选项。那么我可以在禁用状态下清除Nicole选项吗?

这是我的活塞。

$scope.OnClickSelect = function(item) {
    if (item.name === 'Nicole') {
      if ($scope.multipleDemo.length > 0) {
        $scope.multipleDemo.pop =[];
      }
      $scope.disabled = true;
    }
    $scope.multipleDemo.push(item.age);
  }

Answer 1

问题不清楚。您是想在选择"Nicole"之后启用ui选择还是只想清除ng-model?

如果你想在用户意外选择"Nicole"时提供一个启用ui选择的选项，你必须保留一个复选框或任何设置$scope.disabled = false;的触发器

还有两个问题与你的OnClickSelect方法。

我猜你正试图清除ng- model时，用户选择"妮可"，但$scope.multipleDemo.pop =[];创建了一个名为pop的新属性数组multipleDemo。如果你想清除数组，使用$scope.multipleDemo =[];

为什么你只是推年龄属性到multipleDemo数组?如果只希望存储age属性，可以在ui-select代码

中使用以下语法

 <ui-select-choices  repeat="person.age as person in people | filter:$select.search">
      {{person.name}}
    </ui-select-choices>