angular1.5使用ui.select2

前端之家收集整理的这篇文章主要介绍了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>
原文链接:https://www.f2er.com/angularjs/147735.html

猜你在找的Angularjs相关文章