Question

我有一个填充但禁用的表单中的输入字段（我正在尝试构建详细信息视图）。在下面的代码中，titleAccessor.valid会返回false。有任何想法如何克服这个问题？

 <div class="form-group row">
     <label class="col-md-3 form-control-label" for="title">{{'contentSalesTextConfig.titleForm'|translate}}</label>
         <div class="col-md-9">
            <input [disabled]="pageStatus==4" required [ngClass]="{'redBorder': ((titleAccessor.touched||formSubmitted)&&!titleAccessor.valid)}" [ngModel]="textContentMain.title" #titleAccessor="ngModel" name="title" id="title"  type="text" class="form-control" placeholder="{{'contentSalesTextConfig.placeHolder.titleForm'|translate}}">
         </div>
 </div>

注意：当我删除[disabled]="pageStatus==4"验证时，它应该是......

Answer 1

disabled输入被视为无效输入，您可以使用readonly代替disabled：

<input [readonly]="pageStatus==4" required [ngClass]="{'redBorder': ((titleAccessor.touched||formSubmitted)&&!titleAccessor.valid)}" [ngModel]="textContentMain.title" #titleAccessor="ngModel" name="title" id="title"  type="text" class="form-control" placeholder="{{'contentSalesTextConfig.placeHolder.titleForm'|translate}}">

希望这会有所帮助：）

即使输入字段以角度2填充，必需的禁用字段验证也会返回false

1 个答案: