时间戳

首页 > 解决方案 > 角度所需属性的布尔变量

html - 角度所需属性的布尔变量

问题描述

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

零件：

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 被隐藏，我试图避免 required 并在 div 可见时使其成为必需。我收到错误：An invalid form control with name='myName' is not focusable.

当 div 在 html 页面中可见时，如何使必填字段成为必需字段，而当 div 在 html 页面中不可见时则不需要？

标签： htmlangulartypescript

解决方案

尝试[attr.required]="!myDivHidden"或required="{{!myDivHidden}}"

推荐阅读