Javascript 添加此筛选器时，带有|筛选器{datatype:object.properties}的角度筛选器未看到任何数据

我习惯于编写自定义过滤器，现在我在下拉列表中用ng选项敲打我的头，我在选择中切换到ng repeat

似乎当我在下面添加这样的过滤器时，我不再获得数据

<select id="Utility" name="Utility" class="form-control" required>
    <option ng-repeat="utility in detail.utilityList | filter:{type:detail.utilityList}"  ng-value="utility.name">{{utility.name}}</option>
</select>

这是一把小提琴，它显示了一切

我甚至需要使用ng模型吗？目的何在？ ng选项真的能成为更好的选择吗？ 我之所以需要使用$scope，是因为我没有使用控制器作为语法吗？ 我确实想使用带有过滤器的detail.utilityType也不起作用 这是另一个

---

实际上，正如您在评论中所说，您希望首先显示UtilityType的下拉列表，然后根据选定的实用程序类型显示另一个具有Utilitylist值的下拉列表

代码如下：

<div ng-controller="MyCtrl">
<div class="container-fluid">
    <form>
    <div >
        Select Utility Type
        </div>
        <select id="type" name="Type" class="form-control" required ng-model="selectedType">
            <option ng-repeat="type in detail.utilityType " ng-value="type.type">{{type.type}}</option>
        </select>
        <div ng-if="selectedType">
        Selected Type is : {{selectedType}}
        </div>
        <br>
        <div ng-if="selectedType">
        Select Utility List
        </div>
        <select id="list" name="List" class="form-control" required ng-if="selectedType" ng-model="selectedutility">
            <option ng-repeat="utility in detail.utilityList| filter:{type:selectedType}" ng-value="utility.name">{{utility.name}}</option>
        </select>

    </form>
</div>

---

您需要首先从第一个下拉列表中选择所选类型，然后根据所选类型在第二个下拉列表中应用过滤器。

作为总结，您需要什么？当用户选择第一个选择实用程序列表/类型的选项时，是否应过滤另一个选择程序列表？这只是一个例子，不是最终的代码。如果你告诉我你想要的行为是什么，我可以给你一个清晰正确的答案。是的，有点，我正在寻找更多的方法来使用ng选项进行选择下拉列表各种方法，我还有其他的细节。我想使用utilityType进行筛选，我想只有气体和电力的那个需要是它自己的下拉选择，然后当从新的第一个下拉列表中选择“电力”时，它会触发角向下拉，所以如果你能给我一个答案，我将不胜感激是的，这似乎是正确的方向，thx这是我更新的小提琴，您可以像本例中那样创建自己的过滤器：

 $scope.detail.utilityType = [
 {
    "type": "Gas"
 }, 
 {
    "type": "Electric"
 }];

<div ng-controller="MyCtrl">
<div class="container-fluid">
    <form>
    <div >
        Select Utility Type
        </div>
        <select id="type" name="Type" class="form-control" required ng-model="selectedType">
            <option ng-repeat="type in detail.utilityType " ng-value="type.type">{{type.type}}</option>
        </select>
        <div ng-if="selectedType">
        Selected Type is : {{selectedType}}
        </div>
        <br>
        <div ng-if="selectedType">
        Select Utility List
        </div>
        <select id="list" name="List" class="form-control" required ng-if="selectedType" ng-model="selectedutility">
            <option ng-repeat="utility in detail.utilityList| filter:{type:selectedType}" ng-value="utility.name">{{utility.name}}</option>
        </select>

    </form>
</div>