时间戳

首页 > 解决方案 > 带材质的角形

javascript - 带材质的角形

问题描述

我正在尝试使用 Angular Material 构建表单。此表格使客户能够修改他的个人数据（带有输入字段）。对于这种情况，我使用“mat-form-field”组件

但也有一些他不能修改的字段（比如他的名字）。对于这种情况，我不知道要使用什么元素。我想要一些与 Material design 兼容的东西，但我找不到。

这是我的代码：

<form [formGroup]="form" (ngSubmit)="onSubmit()" fxLayout="column"fxLayoutAlign="center center">

    <mat-form-field>
        <label for="">First Name :</label> // THIS THE PART THAT CAUSES PROBLEM
        <span matInput>Peter</span>
    </mat-form-field>

    <mat-form-field>
      <input type="email" matInput placeholder="your email" formControlName="email" >
   </mat-form-field>

    <button mat-raised-button type="submit">Submit</button>
  </form>

有什么好主意吗？

谢谢

标签： javascripthtmlangularformsangular-material

解决方案

修改或不修改它的可能性是一个字段属性，只有数据类型定义了您需要使用的元素的选择。因此，在first name的示例中，正如您所说，选择是输入文本，只需要设置 disabled 或 readonly 属性，您可以在以下选项中进行选择：

<input type="text" disabled="disabled" />

或者：

<input type="text" readonly="readonly" />

材料没有定义任何超出标准所说的禁用的特殊事物。当然，将那些禁用/只读输入放在 a<mat-form-field>中以包装材质样式。

推荐阅读