繁体   English   中英

我们如何使用Angularjs创建多重选择?

[英]How can we create multiselect using Angularjs?

我有使用AngularJs ng-options单选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>

只需添加“多个”

            <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必须而且将是一个数组

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM