<input>里面的元素<mat-select>標簽 angular 材料</mat-select>

Question

我試圖將元素放在 angular 材料中元素的標簽內。 但它不允許我在 select 內的輸入上寫一些文本。這是我用於搜索列表中元素的代碼。 我在引導程序 model 中使用此代碼。相同的代碼在引導程序模式之外完美運行。 model 代碼如下所示

<div id="myModal1" class="modal hide" tabindex="-1" role="dialog">

<mat-select  id="Column_Name" name="Column_Name" placeholder="Select Table First"  [(ngModel)]="PK_Column_Name" multiple>
    <input matInput type="text" style="padding: 10px " placeholder="Search..." (keyup)="onKey($event)"> 
    <mat-option *ngFor="let val of selectedItems;" [value]="val">{{val}}</mat-option>
 </mat-select>

Answer 1

最后，我發現我的代碼中的問題與引導模式有關。 問題是 tabIndex="-1" 在刪除代碼片段后阻止我們輸入，如下所示

<div id="myModal1" class="modal hide" role="dialog">

然后它開始完美地工作。