双角绑定2

Question

Json对象

这是我从服务中回来的Json对象，我无法用html进行双向绑定。

HTML 这个标记，我无法进行双向绑定，我看到下面的错误

＆＃13;

＆＃13;

<form [formGroup]="Form">
                    <div class="form-group" ngClass="{ 'has-error': Form.controls.category_name.dirty && Form.controls.category_name.errors }">
                        <label for="category_name">Category Name</label>
                        <input formControlName="category_name" type="text" name="category_name" class="form-control" [(ngModel)]="categoriesInfo.CategoryName" />
                        <p *ngIf="Form.controls.category_name.errors && Form.controls.category_name.dirty">Category Name is required!</p>

                    </div>
                </form>

＆＃13;

＆＃13;

＆＃13;

错误信息

这是我在尝试将其绑定到html时遇到的错误，请您告诉我如何解决此问题

Answer 1

这很可能是一个异步问题。视图（可能）在数据到达之前呈现。使用if例如表单标记包裹您的代码：

<form *ngIf="categoriesInfo" [formGroup]="Form">

顺便说一下，发布问题（??）时发生错误，因为以下内容不匹配：

*ngIf="Form.controls.category_name.errors && gameForm.controls.category_name.dirty"

表示gameForm。