如何隐藏Angular JS中下拉列表中的选项

Question

我有一个下拉列表，我需要根据条件隐藏一个选项

Mycode如下所示：

 $scope.sqs.qs6_PropertyType.answer = _.findWhere($scope.propertyType, { id: '2' });

//这是将所选值设置为2

我需要使用value =＆＃34; 2＆＃34;隐藏选项我写了类似下面的内容：

$("#qs6_PropertyType").children('option[value="2"]').hide();

我也尝试了以下但是它不起作用

//var qs6obj = angular.element(document.querySelector('#qs6_PropertyType'))
                        //qs6obj.childElement.remove('option[id="2"]');

HTML：

<td class="cell">
                                <div data-dropdownlist-question=""
                                     data-ng-model="subject.sqs.qs6_PropertyType"
                                     data-question-attrs="{
                                        questionCell: { visible: false },
                                        answer: {
                                            items: propertyType,
                                            theme: 'native',
                                            style: {
                                                width: '41px'
                                            }
                                        }
                                     }">
                                </div>
                            </td>

如何隐藏选项id =＆＃34; 2＆＃34;

Answer 1

您可以为下拉列表中的值定义一组可选择项并使用ng-options进行绑定，并在初始化表单时从中删除项目吗？

Answer 2

我已经过滤了下面的对象：

$scope.propertyType = $scope.propertyType.filter(function (e) { return e.id !== '2' })