angularjs - 从选择框中动态删除选项

Question

分配给它的api返回状态是$scope.status动态的

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

这是我select box使用 ng-repeat创建的 html 代码

<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我的选择框中创建一个 , 5 选项显示
我想从 html 中删除一个选项（如 Active）？ 我该怎么做。无需更改 api 响应即可

Answer 1

您可以使用角度过滤器来删除选项。要删除 planStatus 为“活动”的选项，请尝试此操作。

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;
}