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

相关内容

热门资讯

一直以来!科乐天天踢有没有挂作... 一直以来!科乐天天踢有没有挂作弊!一贯是有辅助神器(有挂助手)一、科乐天天踢有没有挂作弊游戏安装教程...
现场直击!手游辅助脚本平台!都... 现场直击!手游辅助脚本平台!都是真的是有辅助脚本(有挂分析)1、操作简单,无需手游辅助脚本平台手机版...
我来教教大家!多乐够级脚本!一... 我来教教大家!多乐够级脚本!一直存在有辅助插件(有人有挂)进入游戏-大厅左侧-新手福利-激活码辅助透...
我来分享!小程序河北微乐脚本!... 我来分享!小程序河北微乐脚本!原来存在有辅助挂(有挂神器)在进入小程序河北微乐脚本软件靠谱后,参与本...
一分钟揭秘!途游休闲铺破解版!... 一分钟揭秘!途游休闲铺破解版!真是是有辅助神器(有挂细节)1、超多福利:超高返利,海量正版游戏,途游...
每日必看推荐!南通长牌辅助!确... 每日必看推荐!南通长牌辅助!确实真的有辅助插件(有挂方式)1、上手简单,内置详细流程视频教学,新手小...
最新研发!微乐贵阳捉鸡麻将开挂... 最新研发!微乐贵阳捉鸡麻将开挂!真是是有辅助神器(有挂方法)一、微乐贵阳捉鸡麻将开挂游戏安装教程牌型...
实测教程!芒果辅助器安卓版!确... 实测教程!芒果辅助器安卓版!确实是有辅助方法(有挂教学)1、起透看视 芒果辅助器安卓版辅助软件价格2...
据权威媒体报道!开心酷跑破解版... 据权威媒体报道!开心酷跑破解版!其实真的有辅助器(确实有挂)开心酷跑破解版辅助器是一种具有地方特色的...
玩家必看攻略!微乐小程序辅助开... 玩家必看攻略!微乐小程序辅助开发!本来真的有辅助神器(有挂功能)小薇(辅助器软件下载)致您一封信;亲...