AngularMaterial自动完成组件:closePanel不起作用
创始人
2024-10-28 12:00:48
0

此问题的解决方法是在 mat-option 标签中添加一个关闭面板的事件,然后在 ts 文件中调用该事件。

HTML 代码:


  {{option}}
  

TS 代码:

import { Component,ViewChild } from '@angular/core';
import { MatAutocomplete } from '@angular/material/autocomplete';

@Component({
  selector: 'app-autocomplete',
  templateUrl: './autocomplete.component.html',
  styleUrls: ['./autocomplete.component.css']
})
export class AutocompleteComponent {

  @ViewChild(MatAutocomplete) matAutocomplete: MatAutocomplete;

  options: string[] = ['Angular', 'React', 'Vue'];

  selected(event){
    console.log(event.option.value);
  }

  closePanel(auto: MatAutocomplete){
    auto.closePanel();
  }
}

在上面的代码示例中,我们在 mat-option 标签的外部添加了一个按钮来关闭面板。然后在 ts 文件中使用 MatAutocomplete 的 closePanel 方法,将该方法传递到了 closePanel 函数中,该函数使用 ViewChild 获取 MatAutocomplete 实例,最后调用了 closePanel 方法来关闭面板。

相关内容

热门资讯

辅助透视!wepoker辅助是... 辅助透视!wepoker辅助是真的吗(透视)果然是有辅助安装(有挂秘籍)-哔哩哔哩1、起透看视 we...
辅助透视!有没有人wepoke... 辅助透视!有没有人wepoker(透视)竟然真的有辅助平台(有挂详细)-哔哩哔哩;1、玩家可以在有没...
透视好友!德州透视竞技联盟(透... 透视好友!德州透视竞技联盟(透视)原来真的是有辅助插件(的确有挂)-哔哩哔哩1、下载好德州透视竞技联...
近日!wepoker透视辅助下... 近日!wepoker透视辅助下载(透视)竟然是有辅助软件(真的有挂)-哔哩哔哩1、每一步都需要思考,...
日前!智星德州插件怎么下载(透... 日前!智星德州插件怎么下载(透视)原来有辅助修改器(有挂猫腻)-哔哩哔哩1、每一步都需要思考,不同水...
透视插件!wepoker挂(透... 透视插件!wepoker挂(透视)确实存在有辅助app(讲解有挂)-哔哩哔哩1、wepoker挂辅助...
透视黑科技!wepoker透视... 透视黑科技!wepoker透视苹果系统(透视)总是存在有辅助安装(有挂存在)-哔哩哔哩wepoker...
反观!wepoker提高好牌率... 反观!wepoker提高好牌率(透视)原来有辅助app(有挂辅助)-哔哩哔哩1)wepoker提高好...
迎来新发展!sohoo竞技联盟... 迎来新发展!sohoo竞技联盟辅助器(透视)其实是有辅助平台(有挂技术)-哔哩哔哩1、sohoo竞技...
此事迅速冲上热搜!wepoke... 此事迅速冲上热搜!wepoker辅助透视(透视)切实是有辅助软件(有挂存在)-哔哩哔哩1、上手简单,...