Angular 如何在自定义控件中添加所需的星号？

我使用angular 6创建一个自定义组件，其中包含一个自定义表单控件。到目前为止，我已经在我的组件中实现了

ControlValueAccessor

我的自定义控件是一个来自角度材质的简单

MatSelect

组件。我想在需要该控件时显示星号（

*

）

到目前为止，我已经让自定义控件正常工作了，但是向组件添加

required

属性并没有向我的控件添加星号

---

我应该为它定义一个

@Input

变量并手动处理它，还是应该自动处理它？

是的，您应该向组件添加一个

必需的
@Input（）

大概是这样的：


{{formControlLabel}}
* 
{{formControlErrorText | |'必填字段不能为空'}}
{{formControlHelpText}

组成部分：

@Input（'required'）是必需的：布尔值；

用法示例：

是的，您应该在组件中添加一个
必需的
@Input（）

大概是这样的：


{{formControlLabel}}
* 
{{formControlErrorText | |'必填字段不能为空'}}
{{formControlHelpText}

组成部分：

@Input（'required'）是必需的：布尔值；

用法示例：


我很困惑。如果您没有在组件中添加任何代码来执行此操作，为什么星号会神奇地出现在您希望它出现的位置？好吧，我假设它和其他控件一样是一个表单控件！我很困惑。如果您没有在组件中添加任何代码来执行此操作，为什么星号会神奇地出现在您希望它出现的位置？好吧，我假设它和其他控件一样是一个表单控件！