Angular 如何将给定的指令值应用于角度材质中的多个标记?
我最近开始学习角度和材料,在我的项目中我意识到,我必须创建具有相同外观的形状。例如,注册表的模板如下所示:Angular 如何将给定的指令值应用于角度材质中的多个标记?,angular,typescript,angular-material,angular-directive,angular-template,Angular,Typescript,Angular Material,Angular Directive,Angular Template,我最近开始学习角度和材料,在我的项目中我意识到,我必须创建具有相同外观的形状。例如,注册表的模板如下所示: <mat-card> <h2>{{'NAV.REGISTRATION' | translate}}</h2> <form [formGroup]="registrationForm" (ngSubmit)="submitRegistrationForm()"> <div>
<mat-card>
<h2>{{'NAV.REGISTRATION' | translate}}</h2>
<form [formGroup]="registrationForm" (ngSubmit)="submitRegistrationForm()">
<div>
<mat-form-field appearance="outline">
<input matInput formControlName="fullName" placeholder="{{'REGISTRATION.NAME' | translate}} *">
</mat-form-field>
<mat-form-field appearance="outline">
<input matInput formControlName="password" placeholder="{{'REGISTRATION.PASSWORD' | translate}} *" type="password">
</mat-form-field>
...
在模板的
.scss
文件中。因此,总之,我可以通过什么方式将材料指令值应用于自定义标记集,而无需在模板中重复它?您可以在模块级别(给定模块中的所有字段)或组件级别上注入MatFormFieldDefaultOptions
。文件里都有
这是他们在表单字段上演示的一个分支,它更改了组件中的所有字段
mat-form-field{
appearance: outline;
}