如何从Angular材质中的必填字段中删除星号，并在标签旁边添加（可选）可选标签

Question

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

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

我的代码 -

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

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

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

非常感谢任何帮助。

Answer 1

所以，根据我的评论，我查看了Angular Material的网站。

看：

如您所见，有一个after组件，其中包含星号。用你自己的CSS覆盖这个类来摆脱它。

编辑：使用相同的原则为非必填字段添加(optional)文字。

Answer 2

适用于仍在寻找答案的人。对于Angular材质5和6。可以使用sqrt((x_0-x)^2+(y_0-y)^2+(z_0-z)^2) <= 2000。在您的组件中，您可以将其值提供为hideRequired =“ true”。这样，您可以根据需要显示或隐藏星号。但是该指令是[hideRequiredMarker]="hideRequired"的一部分，不是输入元素。

<mat-form-field>

确保检查角形和角形材料的版本。这些应该匹配。否则，您会得到错误。 谢谢