首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Angular ng-select2打开时搜索

Angular ng-select2打开时搜索
EN

Stack Overflow用户
提问于 2021-05-12 15:16:10
回答 1查看 380关注 0票数 0

我希望当ng-select2打开时,用户可以直接搜索。这一次,用户打开ng-select2并且需要用鼠标点击进入搜索域,并且可以搜索-但是搜索域应该直接获得打开ng-select2的焦点。

有没有这样做的选择?我在谷歌上找不到任何东西:(

这是我的实际代码: HTML:

代码语言:javascript
运行
复制
      <ng-select2 
      [(ngModel)]="AUEEquip"
      (ngModelChange)="filterrole()"
      name="AUEEquip"
      [allowClear]=true
      [data]="equips"
      [options]="options"
      [placeholder]="'Please choose your equipment'"
      style="text-align: left;">
      </ng-select2>

TS:

代码语言:javascript
运行
复制
  options = {
    width: '100%',
    multiple: false,
    tags: false
  };
  equips: Select2OptionData[] = [];
  AUEEquip: string = '0';
EN

回答 1

Stack Overflow用户

发布于 2021-05-12 15:39:44

使用@ViewChild

代码语言:javascript
运行
复制
<ng-select2 #chooseInput
      [(ngModel)]="AUEEquip"
      (ngModelChange)="filterrole()"
      name="AUEEquip"
      [allowClear]=true
      [data]="equips"
      [options]="options"
      [placeholder]="'Please choose your equipment'"
      style="text-align: left;">
      </ng-select2>

在组件中

代码语言:javascript
运行
复制
@ViewChild('chooseInput')
chooseInput: any;

ngOnInit() {

//focus the element
this.chooseInput.nativeElement.focus();

}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67498888

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档