Angular 6中的自定义组件：布尔属性的值

Question

我正在使用Angular 6开发Web应用程序。我有一个问题： 我想创建一些受HTML输入组件启发的自定义组件。但是，假定值的属性与可以写入/不写入的属性之间的本机属性存在差异，例如：

<input type="text" required maxlength="10 />

在这种情况下，maxlength必须接收数据，而required具有不同的类型：可以存在或不存在！ 这是我的Costom组件：

TypeScript

export class CustomComponent {

  @Input() maximumLength: number;

  @Input() isRequired: boolean;
}

模板HTML

<input type="text"
       [attr.maxlength]="maximumLength"
       [required] = "isRequired"
/>

maximumLength似乎运行得很好，但是我对isRequired有一个疑问：我不知道这是否是个性化它的正确方法...此书面属性（{{1} }）收到一个值（required），但实际上应该根据传递给它的值而定。 使用这样的组件：

isRequired

似乎关联的HTML（<custom-component maximumLength="10" isRequired="true"></custom-component> ） 没有<input type="text">属性。