如何在自定义控件中添加所需的星号？
如何在自定义控件中添加所需的星号？
提问于 2018-07-01 10:15:00
我使用角6来创建一个包含自定义表单控件的自定义组件。到目前为止，我已经在组件中实现了ControlValueAccessor。
我的自定义控件是一个来自角材料的简单的MatSelect组件。我想显示星号(*)来表示何时需要该控件。
到目前为止，我已经使用了自定义控件，但是将required属性添加到组件并不会将星号添加到我的控件中！
<app-provinces formControlName="projectProvince" required></app-provinces>我应该为它定义一个@Input变量并手动处理它，还是应该自动完成它？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-07-01 10:20:16
是的，您应该向组件中添加一个required @Input()。
就像这样：
<div class="form-group m-form__group row" [ngClass]="{
'has-danger': formGroup.controls[formControlName].invalid && formGroup.controls[formControlName].touched,
'has-success': formGroup.controls[formControlName].valid && formGroup.controls[formControlName].touched,
'has-no-action': formGroup.controls[formControlName].untouched
}">
<label class="col-form-label col-lg-3 col-sm-12" [for]="formControlId">
{{formControlLabel}}
<span *ngIf="isRequired" class="required" aria-required="true"> * </span>
</label>
<div class="col-lg-4 col-md-9 col-sm-12">
<select placeholder="place_holder_text" [disabled]="disabled" [class]="formControlName" [id]="formControlId" [data]="formControlItems" (click)="setAsTouched()" (valueChanged)="store($event)"></select>
<div class="form-control-feedback">{{formControlErrorText || 'Required Field May Not Be Empty'}}</div>
<span class="m-form__help">{{formControlHelpText}}</span>
</div>
</div>构成部分：
@Input('required') isRequired: boolean;示例用法：
<select-form-control
[required]="true"
[group]="myFormGroup"
label="Name"
name="name"
controlId="name"
[inputItems]="array"
helpText="Enter..."
[value]="name"
(valueChange)="someMethod($event)">
</select-form-control>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51122377
复制相关文章
相似问题
腾讯云开发者
