Question

我想在我的ng-repeat列表中设置过滤器。我有一个在返回对象中返回的服务列表。这些服务中的每一项都分配了StaffID。

我正在尝试为ng-repeat services过滤StaffID创建一个过滤器，但它不起作用。我不知道如何正确地对它进行语法处理。我想严格用HTML格式。

这是HTML：

<div ng-repeat="service in vm.session.staffServices orderBy:'StaffID[0]'"ng-show="staff.AttendanceStatusID == '18'" class="form-group">
  <span>Services Provided:</span>
  <div class="checkbox">
    <label>
       <input type="checkbox">   {{service.ServiceName}}
    </label>
  </div>
</div>

我的对象中的层次结构如下：

Object => staffServices Array[4]=> [0] {ServiceID: 33, ServiceName: "Wilson", StaffID: 123} [1] {ServiceID: 44, ServiceName: "Tutoring", StaffID: 456}

我有两位不同的老师。因此，对于我ng-repeat的每项服务，我想关联他的service。

通过操作使用我的过滤器我可以向每位教师显示两种服务，或者根本不显示任何服务。

不，我不想放一个需要StaffID: '123'的过滤器。我有很多老师，这个特别的会议只有两个。

谢谢

Answer 1

这个链接可以帮助那些需要在列表数组位于客户端时过滤列表的链接。

AngularJS filter filter - Filtering and Sorting a List

这是我的重新制作选项列表，由StaffID

过滤

   <select ng-model="staff.ServiceID" ng-options="service.ServiceID as service.ServiceName for service in vm.session.staffServices | filter: { StaffID: staff.StaffID }">
        <option value="">-- Select Service --</option>
   </select>

注意过滤器的编写方式。

并阅读链接中的信息。它会有所帮助。

AngularJS Filter应用于ng-repeat

1 个答案: