angular1.5使用ui.select2

必须下载安装 ui.select2 select2(多选)
module中配置 ui.select2
1、 主界面 控制器中定义了name变量

<div>
    {{$ctrl.name}}
    <select-component hero="$ctrl.name"></select-component>
</div>

2、 子界面component

app.component("selectComponent", {
    restrict: 'E',
    bindings: {
        hero: '='
    },
    templateUrl: './select.html',
    controller: SelectController
});

3、子界面controller

class SelectController {
    constructor() {
        "ngInject";
        // 初始化选择的值为空
        this.hero = "";
        this.groupSetup = {
            multiple: true,
            formatSearching: '查询内容',
            formatNoMatches: '请选择'
        };
    }
}

4、子界面

<select ui-select2="$ctrl.groupSetup" ng-model="$ctrl.hero" data-placeholder="选择" multiple="multiple">
    <option value=""></option>
    <option value="one">First</option>
    <option value="two">Second</option>
    <option value="three">Third</option>
</select>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值