Javascript AngularJS筛选器不使用$scope变量

我的AngularJS应用程序应该在一个表格中显示课程及其等价物。该表应该根据select元素的输入动态显示结果

HTML

<form name = "Select University" ng-show = "courseType == 'extern'">
    <label for = "University"> University: </label>
    <select name = "University" id = "repeatSelect" ng-change = "changeIt()"ng-model = "univs.repeatSelect">
            <option ng-repeat = "univ in univs.uniNames | orderBy: 'School'" > {{univ.School}} </option>
    </select>
    </form>



 Courses at {{univs.repeatSelect}}
    <table>
            <tr>
            <th> Course </th>
            <th> Equivelance </th>
            </tr>

            <tr ng-repeat="x in names | orderBy: 'className' | filter:univs.repeatSelect">
            <td>{{ x.className }}</td>
            <td> {{x.equiv}} </td>
            </tr>
    </table>

---

作用域变量

{{univs.repeatSelect}}

将显示在页面上。例如，它将在表格上方显示“加州大学洛杉矶分校的课程”。但是当我使用

univs.repeatSelect

作为

ng repeat

的过滤器参数时，表是空的。但是，如果我显式地使用“UCLA”作为过滤器参数，它会工作并显示UCLA的课程。有什么我遗漏的吗

您应该将

值

属性添加到您的选择

选项

，该选项将

值

属性值分配给相应的

ng型号

<select name = "University" id = "repeatSelect" ng-change="changeIt()" ng-model="univs.repeatSelect">
    <option ng-repeat="univ in univs.uniNames | orderBy: 'School'" value="{{niv.School}}"> {{univ.School}} </option>
</select>

---

您应该将

值

属性添加到选择的

选项

，该选项将

值

属性值分配给相应的

ng型号

<select name = "University" id = "repeatSelect" ng-change="changeIt()" ng-model="univs.repeatSelect">
    <option ng-repeat="univ in univs.uniNames | orderBy: 'School'" value="{{niv.School}}"> {{univ.School}} </option>
</select>

---

@查尔斯·穆洛伊：有帮助吗？@查尔斯·穆洛伊：有帮助吗？

<select name="University" id="repeatSelect" 
   ng-change="changeIt()" ng-model="univs.repeatSelect" 
   ng-options="univ.School as univ.School in univs.uniNames | orderBy: 'School'">
</select>