角度2のngModelをクラスデータ型で使用するにはどうすればよいですか？

Question

私は角度2のプロジェクトで双方向データバインディングのクラスインスタンスを使いたいと思います。出来ますか？ 私は、私が試したが、私はこのエラーに

を得たngModelが親formGroupディレクティブでフォームコントロールを登録するために使用することはできません。理解を容易にするためのコード

---- typescript ---- 

export class PackageOption { 
    name: string; 
    description: string; 
... 
} 
import { PackageOption } from "./packageoption"; 
class PackageComponent extends Component implements OnInit { 
    ... 
    packageOptCurrent: PackageOption; 
    ngOnInit() { 
     this.packageOptCurrent = new PackageOption(); 
    } 
... 
} 
    ---- templete ---- 
     <form [formGroup]="packageOptAddForm" #f="ngForm"> 
       <input type="text" formControlName="name" name="name" [(ngModel)] = "packageOptCurrent.name"> 
     </form> 

を短縮代わりに formGroupのパートナー指示文 "formControlName"を使用してみてください。例：あなたが持っている

Example: 


<div [formGroup]="myGroup"> 
    <input formControlName="firstName"> 
    <input [(ngModel)]="showMoreControls" [ngModelOptions]="{standalone: true}"> 
</div> 

おかげ

Answer 1

これは可能なはずですが、、：

<div [formGroup]="myGroup"> 
     <input formControlName="firstName"> 
    </div> 

    In your class: 

this.myGroup = new FormGroup({ 
    firstName: new FormControl() 
}); 

それとも、このフォームコントロールの登録を回避したい場合、それはngModelOptionsでスタンドアロンだことを示していますコンポーネントデコレータを使用してクラスのコンテキスト内でインスタンスを宣言します。例：

//import typescript person class 

@component({ 
    //some configuration 
}) 
export class SomeClassComponent { 
    mPerson = new Person(); 
}