Angular 角度5更改在mat菜单中不起作用的原因

为什么它在mat菜单中不工作（更改）

这是我的密码

<mat-menu #texpublicity="matMenu">
  <button mat-menu-item [matMenuTriggerFor]="size">Tamaño de letra</button>
  <button mat-menu-item [matMenuTriggerFor]="type">Tipo de letra</button>
  <input type="color" (change)="changeColorLetters($event.target.value)" >
</mat-menu>

  changeColorLetters(color : string){
     this.colorLetters = color;
  }

塔马诺·德莱特拉
提波德莱特拉
changeColorLetters（颜色：字符串）{
this.colorLetters=颜色；
}

这样它就能正常工作

<mat-menu #texpublicity="matMenu">
  <button mat-menu-item [matMenuTriggerFor]="size">Tamaño de letra</button>
  <button mat-menu-item [matMenuTriggerFor]="type">Tipo de letra</button>
</mat-menu>

 <div>
    <input type="color" (change)="changeColorLetters($event.target.value)" >
 </div>


  changeColorLetters(color : string){
     this.colorLetters = color;
  }

塔马诺·德莱特拉
提波德莱特拉
changeColorLetters（颜色：字符串）{
this.colorLetters=颜色；
}

---

当输入在mat菜单之外时有效，在mat菜单内部无效，是否有某种方式可以在mat菜单内有效，或者我做错了什么？

为什么我们不能尝试使用ElementRef

<mat-menu #texpublicity="matMenu">
  <button mat-menu-item [matMenuTriggerFor]="size">Tamaño de letra</button>
  <button mat-menu-item [matMenuTriggerFor]="type">Tipo de letra</button>
  <input type="color" #colorElem>
</mat-menu>

---

但那是点击事件，它只返回输入的默认值，因为当我更改颜色时，它不起作用更改点击事件以更改并重试我已经更改了，但由于某种原因它不起作用它从不进入方法抱歉，它应该是“更改”而不是“点击”。是的，它不起作用很奇怪，但不管怎样，谢谢，这很有效，我用了另一种方式，

@ViewChild('colorElem') colorElem : ElementRef;

ngAfterViewInit() {
    this.colorElem.nativeElement.addEventListener('change', 
     (event)=>{
        // handle click here
     });
}