2

我正在开发一个项目,我想在 ng-select 中创建一个自定义功能,以便在 ng-select 中输入文本时,将其附加到绑定项并将其添加为多选。

http://embed.plnkr.co/GLuyC0jpIdiEXB6R4FIa/preview

这是 Angular 6 中所需的确切实现

我正在使用角度 v6.0

如提到的plunker中所示,在 angular 5 中是否有任何其他实现方法?

抱歉,如果有问题。因为我是 Angular 的新手。

提前致谢。

4

2 回答 2

1

我找到的唯一解决方案是接触ng-select儿童。

我的html:

<ng-select [items]="places"
           bindLabel="name"
           [(ngModel)]="selected" dropdownPosition="bottom" #ngselect>
    <ng-template ng-option-tmp let-item="item" let-index="index">
        <b>{{item}}</b>
    </ng-template>
</ng-select>

ngselect- NgSelectComponent

this.myselect.element- 以 HTMLElement 为例,我们正在寻找我们的孩子<input>

@ViewChild('myngselect') myselect;

myMethod() {
     const input = this.myselect.element.children[0].children[0].children[1].children[0];
}
于 2020-06-26T13:09:39.003 回答
0

我认为您可以通过使用 ng-select 的 addTag 来实现此功能,

这是实现: https ://ng-select.github.io/ng-select#/tags

于 2018-12-05T05:09:07.903 回答