Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何将给定的指令值应用于角度材质中的多个标记?_Angular_Typescript_Angular Material_Angular Directive_Angular Template - Fatal编程技术网

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;
}