Question

我正在使用角度，并使用从Mongodb收集的信息创建了一个表格。在表格的最后一列中，我放置了一个选择，因此每行有一个选择。问题是，当我运行应用程序并在任何行中选择一个选项时，所有其他选择更改将具有与所选选项相同的选项。如何更改以便我可以在任何选择中选择一个选项而不更改其他选项？

代码如下所示，但首先是关于从数据库收集的信息的一些代码说明。

vm.user = current user
vm.years = all years stored to all users in the database (shitty solution but do for now).
vm.courses = all courses in the database

在选择中，用户可以选择选择要添加课程的用户年数。（没有添加按钮atm但稍后会实现）。但是当在任何选择中进行任何选择时，所有选择都会改变。

的index.html

<table class="table" style="width:100%">
            <tr>
                <th>Course Code</th>
                <th>Course Name</th>
                <th>Term</th>
                <th>Block</th>
                <th>Credits</th>
                <th>Institution</th>
                <th>Add to Year</th>
            </tr>

            <tr ng-repeat="course in vm.courses|filter:search">
                <td>{{course.courseCode}}</td>
                <td>{{course.courseName}}</td>
                <td>{{course.term}}</td>
                <td>{{course.block}}</td>
                <td>{{course.credits}}</td>
                <td>{{course.department}}</td>
                <td><select  id="{{course._id}}" name="{{course._id}}" class="form-control"  ng-model="vm.add.year" required>
                        <option value="" selected> Ej valt</option>
                        <option ng-repeat="year in vm.years" ng-if="year.user==vm.user._id" value="{{year.year}}">{{year.year}}</option>
                    </select></td>                 
              </tr>
        </table>

angularjs multiple html选择更改时选择的更改

0 个答案: