angular1.5使用ui.select2

发布时间:2019-06-04 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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>

脚本宝典总结

以上是脚本宝典为你收集整理的angular1.5使用ui.select2全部内容,希望文章能够帮你解决angular1.5使用ui.select2所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。