如何在垫选项材料角中添加名称属性?

时间:2019-08-26 09:51:22

标签: javascript angular angular-material material-design angular-material2

如何在mat-option中添加名称属性?

<mat-option class="mat-option ng-star-inserted" role="option" ng-reflect-value="[object Object]" ng-reflect-id="someoptionValue1" tabindex="0" id="someoptionValue1" id="someoptionValue1" aria-disabled="false">
<span class="mat-option-text"> Ocean-LCL (NVOCC) </span>
<div class="mat-option-ripple mat-ripple" mat-ripple="" ng-reflect-disabled="false" ng-reflect-trigger="[object HTMLElement]">
</div>
</mat-option>

如果无法在mat-option中添加name属性,则mat-option是否有任何替代的已知属性? 我在mat-option标签中使用了[id] =“ optionBindingValue”

<mat-option [id]="optionBindingValue">{{optionBindingValue}}</mat-option>

但是此“ ID”属性在inspect元素中显示2次。此[id] =“ optionBindingValue”替换为动态ID属性值。

是否有可能删除一个ID?或添加名称属性?或任何其他解决方案?

1 个答案:

答案 0 :(得分:0)

创建一个扩展mat-select类的新组件,然后向其添加所需的字段。检查以下内容:

export class CustomMatSelectComponent extends MatSelect{ public name:string; }

希望有帮助。