javascript - 带过滤器的 ng-options 不起作用

Question

我的 HTML 中有这样一个选择(moreCourses 是我的 Controller 的名称):

<select class="form-control" ng-options="course.courseId as course.courseName for course in moreCourses.coursesToshow track by course.courseId | filter: {show: true}" ng-model="course.newcourse" data-ng-change="moreCourses.showCourse(course)">
    <option style="display:none" value="">Choose a course</option>
</select>

这是包含要选择的对象的数组:

var coursesToshow =
        [{
            courseName: 'English for Work',
            courseId: 'en-efw',
            show: true
        },
        {
            courseName: 'Practice Courses',
            courseId: 'en-practice',
            show: true
        },
        {
            courseName: 'English for Doctors',
            courseId: 'en-efd',
            show: true
        }];

一切正常，但过滤器不起作用，当用户选择一个选项时，属性“show”的值变为“false”，我已经检查过了。

谢谢。

Answer 1

感谢@Numyx，解决方案是select的顺序，它应该是filter之后的track by

<select class="form-control" ng-options="course.courseId as course.courseName for course in moreCourses.coursesToshow | filter: {show: true} track by course.courseId" ng-model="course.newcourse" data-ng-change="moreCourses.showCourse(course)">
    <option style="display:none" value="">Choose a course</option>