我们如何使用 Angularjs 创建多选？

Question

我使用 AngularJs ng-options 进行单选，效果很好，但我的要求是使用 AngularJs 进行多选，我如何使用 ng-options 来完成该任务？

main.html

    <div class="row">
    <div class="form-group col-md-12 fieldHeight">
        <label for="originatingGroup" class="required col-md-4">Originating group:</label>
            <div class="col-md-8" disable-control-point="CHALLENGES_EDIT">
                <select
                   class="form-control"
                   name="OriginatingGrp"
                   id="OriginatingGrp"
                   ng-model="challengesDTO.originatingGrpLkupCode"
                   ng-options="OriginatingGroupOption.id as OriginatingGroupOption.text for OriginatingGroupOption in challengeGroupOptions">
                   <option value="">
                     Select...
                   </option>             
               </select>
            </div>
    </div>
</div>

Answer 1

只需添加“多个”

            <select multiple
               class="form-control"
               name="OriginatingGrp"
               id="OriginatingGrp"
               ng-model="challengesDTO.originatingGrpLkupCode"
               ng-options="OriginatingGroupOption.id as OriginatingGroupOption.text for OriginatingGroupOption in challengeGroupOptions">
               <option value="">
                 Select...
               </option>             
           </select>

challengesDTO.originatingGrpLkupCode 必须并且将是一个数组