所需属性的布尔变量(角度)

时间:2019-03-15 12:02:18

标签: html angular typescript

嗨,我正在尝试根据组件中的一个布尔变量创建一个输入表单字段。

组件:

public myDivHidden: boolean = true;

在我的html中

<form #railForm="ngForm" (ngSubmit)="executeRailForm(railForm.value);" *ngIf="railFormData" ngNativeValidate>
...
<div [hidden]="myDivHidden">
    ...
    <div class="form-group">
        <label for="myName">My Name</label>
        <input type="text" name="myName" [(ngModel)]="railFormData.myName" required="!myDivHidden">
    </div>
    ...
</div>
...
</form>

我试图避免在div隐藏的情况下是必需的,而在div可见的情况下使其成为必需。我收到错误消息:An invalid form control with name='myName' is not focusable.

如何在div可见时使必填字段为必需,而在html页面中不可见div时不为必填字段?

1 个答案:

答案 0 :(得分:0)

尝试100cm[attr.required]="!myDivHidden"