雙向的角2

這是JSON對象我收到從服務綁定回來，我不能做一個雙向的HTML結合。

的Html 這標記，我無法做雙向綁定，我看到下面的錯誤

<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>

錯誤信息

這是我得到的錯誤，當我嘗試其綁定到HTML，可以請你告訴我怎麼解決這個問題

來源

2017-01-22 Yogendhar Reddy

這很可能是一個異步的問題。視圖（可能）在數據到達之前呈現。用一個包裹你的代碼，例如如果表單標籤內：

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

而且順便說一句，你可以發佈您的問題（？）時發生了一個錯誤，因爲以下不匹配：

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

意味着gameForm。

來源

2017-01-22 18:56:23 Alex

當我嘗試使用Elvis操作符我得到這個未處理的承諾拒絕：模板解析錯誤：分析器錯誤「？」。運算符不能用於GamesComponent @ 18：117中的[categoriesInfo？.CategoryName = $ event]中第30列的賦值中（「

噢，對不起，我搞砸了我自己。你不能用？在ngModel，只有在視圖中。對不起，我的大腦已經在別處。包裹的形式，* ngIf相反，就像在我的答案頂部一樣。？操作符只能在視圖中使用，就像'{{categoriesInfo？.CategoryName}}''對不起，我會編輯我的答案！ – Alex

回答

相關問題