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破解是真的还是假的,WePoKer好友房原来真的是有安装,十分钟教程(有挂工...
透视项目!wepoker私局代... 透视项目!wepoker私局代打,WePoKer线上一直真的有脚本,第2分钟教程(有挂规律)在进入w...
透视教程书!aapoker辅助... 透视教程书!aapoker辅助软件合法吗,AApoker软件原来是真的有开挂,3分钟教程(确实有挂)...
透视演示!如何下载wpk透视版... 透视演示!如何下载wpk透视版,WPK安卓一贯存在有工具,第六分钟教程(有挂详细)1、上手简单,内置...
透视举措!aapoker俱乐部... 透视举措!aapoker俱乐部靠谱吗,AApoker发牌逻辑其实是有神器,六分钟教程(有挂技术)1、...
透视步骤!聚星ai辅助工具激活... 透视步骤!聚星ai辅助工具激活码,WePoKer透视底牌一直有工具,第6分钟教程(有挂方法)1、聚星...
透视妙招!德州hhpoker是... 透视妙招!德州hhpoker是真的吗,HHpoker开挂本来是真的有教程,九分钟教程(确实有挂)1、...
透视方式!德普之星透视免费,德... 透视方式!德普之星透视免费,德普之星埋牌原来真的是有透视,第三分钟教程(有挂秘籍)1、每一步都需要思...
透视大纲!德普之星有透视辅助吗... 透视大纲!德普之星有透视辅助吗,德普之星介绍竟然真的是有开挂,第九分钟教程(有挂教程)1、完成德普之...
透视模块!aapoker怎么设... 透视模块!aapoker怎么设置提高好牌几率,AApoker工具切实有脚本,第5分钟教程(确实有挂)...