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 方法来关闭面板。

相关内容

热门资讯

透视玄学(WpK)透视辅助测试... 您好,这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款游戏中打牌都...
科普辅助(微扑克)ai机器人(... 科普辅助(微扑克)ai机器人(辅助挂)ai辅助神器(真是有挂)1、金币登录送、破产送、升级送、活动送...
黑科技辅助(wePOke)有办... 1、黑科技辅助(wePOke)有办法长期演示吗(黑科技)ai代打透明演示(其实是有挂);代表性(透视...
黑科技线上(wepOke)ai... 黑科技线上(wepOke)ai代打技巧(黑科技)有办法长期演示(好像真的有挂)(1)黑科技线上(we...
黑科技了解(WePoKer)人... 黑科技了解(WePoKer)人有挂吗(黑科技)黑科技(总是存在有挂)是一款可以让一直输的玩家,快速成...
黑科技透明(we-poker)... 黑科技透明(we-poker)透明黑科技(黑科技)ai代打(果然是有挂)(1)黑科技透明(we-po...
透视工具(wPk)最新黑科技(... 透视工具(wPk)最新黑科技(黑科技)到底有外挂(真是存在有挂);是一款可以让一直输的玩家,快速成为...
黑科技计算(wePokE)有假... 黑科技计算(wePokE)有假吗(黑科技)黑科技(果然存在有挂)1)辅助挂:进一步探索辅助透视大陆,...
透视实锤(WPK)透视辅助合作... 透视实锤(WPK)透视辅助合作(黑科技)透视辅助购买渠道(果然是真的有挂)1. ai辅助创建新账号,...
黑科技神器(WepOke)ai... 黑科技神器(WepOke)ai代打(黑科技)显示有做弊(都是存在有挂);无聊就玩这款真的有辅助,无限...