从 select 框中动态删除选项

Question

api return 分配给 $scope.status 的状态是动态的

$scope.status = [{"planStatus":"Completed","records":2},{"planStatus":"Partial","records":22},{"planStatus":"Active","records":24},{"planStatus":"Merged","records":6}]

这是我的 html 代码，我在其中使用 ng-repeat

创建了 select box

<select ng-options="sta.planStatus as sta.planStatus for sta in status" ng-model="plan.planStatus"  class="form-control">
         <option class="selectoption" value="">Select Status</option>
</select>

我正在创建一个 select box，在我的 select 框中显示 5 个选项
我想从 html 中删除一个选项（如 Active）？ 我该怎么做。可以不做任何改变 api 响应

Answer 1

您可以使用 angular 过滤器来删除选项。要删除 planStatus 为 'Active' 的选项，试试这个。

ng-options="sta.planStatus as sta.planStatus for sta in status | filter: optionsFilter"

在控制器中：

$scope.optionsFilter = function (option) {
    if (option.planStatus == 'Active') {
        return false;
     }
    return true;
}

从 select 框中动态删除选项

Remove Option dynamically From select box

angularjs

angularjs-ng-repeat

angularjs-select2