使用angularjs在一个页面上管理相同的几个选择输入

时间:2013-06-24 17:12:01

标签: javascript angularjs

案例是:

我们在页面加载时加载大约20个请求(实体)项目,然后在向下滚动时加载20个,即无限滚动。

每个请求都有选择下拉状态和管理员,因此用户可以选择管理员和状态并通过ajax更新请求。刷新页面时,更新的请求会选择具有适当值的状态和经理下拉列表。

angular为填充选择提供了ngOptions解决方案,但我不知道如何在此页面上为所有这些选择组织ngModel。

<div class="request" ng-repeat="request in page.requests">
{{request.created}}
{{request.title}} 
//etc..
//here we have selects

<select class="managersSelect">
                <option value="">choose manager</option>
                <option 
                    ng-repeat="manager in page.managers" 
                    ng-selected="request.manager_id == manager.id"
                    value="{{manager.id}}">{{manager.name}}
                </option>
            </select>

//and second one

<select class="statusesSelect">
            <option
                ng-repeat="status in page.statuses"
                ng-selected="request.status == status.id"
                value="{{status.id}}">{{status.title}}
            </option>
            </select>
</div>

目前我使用ng-repeat和ng-selected的组合,它解决了这个问题,但是如何组织ng-model来实现推荐的ng-options方法呢?

0 个答案:

没有答案