angular - 如何从 Angular Material 中的必填字段中删除星号并在可选标签的标签旁边添加(可选)

Question

我正在为表单字段使用 Angular 2 Material 设计。因此，每个必填字段都带有我不想要的星号。此外，对于非必填字段，我希望在标签旁边的括号中显示一个可选文本。

我正在使用类似下面的方法来实现它，但这不起作用。

我的代码-

<md-input required md-no-asterisk id="" placeholder="First Name" [(ngModel)]="" ngControl="txtFirstName" #firstName="ngModel"></md-input>

当我删除 md-input 开始和结束标记并仅使用输入标记时，星号消失但一些名为的默认文本显示为字段的值。

我想使用必填字段和可选字段作为标签。

如有任何帮助，我们将不胜感激。

Answer 1

对于仍在寻找答案的人。对于 Angular Material 5 和 6。您可以使用 [hideRequiredMarker]="hideRequired" .在您的组件中，您可以将其值提供为 hideRequired="true"。这样您就可以根据需要显示或隐藏星号。但是这个指令是 <mat-form-field> 的一部分。 不是输入元素。

<mat-form-field [hideRequiredMarker]="hideRequiredMarker">
  <input matInput placeholder="Simple placeholder" required>
</<mat-form-field>

确保检查 Angular 和 Angular Material 的版本。这些应该匹配。否则你会得到错误。谢谢