Angular2でプレフィルフォームを作成する方法は？

Question

こんにちは私は、Angular2で事前に書式を設定し、ユーザーが事前入力データを変更することを許可しません。私はちょうどこのprefilledデータをサーバーに投稿したい（データは現在ログインしているユーザーの情報から自動的に得られる）。

どうすればこの問題を解決できますか？

私のコード。

<form [formGroup]="requestForm" (ngSubmit)="onSubmit()"> 
    <div class="form-group"> 

<label class="fontstyle1"><span class="fontstyle2">STEP2. </span>User Information</label> 
    <div class="form-group"> 
     <label class="fontstyle3">Name</label> 
     <input *ngFor="let user of currentUser | getValues | slice:1:2" type="text" required class="form-control" formControlName="name"[(ngModel)]="selected_name" value="user.name"> 
    </div> 

    <div class="form-group"> 
     <label class="fontstyle3">E-mail</label> 
     <input *ngFor="let user of currentUser | getValues | slice:1:2" type="text" required class="form-control" formControlName="email" [(ngModel)]="selected_email" value="user.email"> 
    </div> 

     <div class="form-group"> 
     <label class="fontstyle3">Phone</label> 
     <input *ngFor="let user of currentUser | getValues | slice:1:2" type="text" required class="form-control" formControlName="phone" [(ngModel)]="selected_phone" value="user.phone"> 
    </div> 

    <br> 

     <button type="submit" id="request-btn">Request</button> 

</div> 

私はこれを実行すると、結果は不変でもプレフィルドでもありません。

ヘルプ！

ありがとうございました！

Answer 1

formControlNameまたはngModelのいずれかを使用してください。また、入力フィールドも無効にしてください。 ngOnInitに

<form [formGroup]="requestForm" (ngSubmit)="onSubmit()"> 
    <div class="form-group">  
     <label class="fontstyle1"><span class="fontstyle2">STEP2. </span>User Information</label> 
     <div class="form-group"> 
      <label class="fontstyle3">Name</label> 
      <input *ngFor="let user of currentUser | getValues | slice:1:2" type="text" required class="form-control" [(ngModel)]="user.name" disabled> 
     </div> 

     <div class="form-group"> 
      <label class="fontstyle3">E-mail</label> 
      <input *ngFor="let user of currentUser | getValues | slice:1:2" type="text" required class="form-control" [(ngModel)]="user.email" disabled> 
     </div> 

     <div class="form-group"> 
      <label class="fontstyle3">Phone</label> 
      <input *ngFor="let user of currentUser | getValues | slice:1:2" type="text" required class="form-control" [(ngModel)]="user.phone" disabled> 
     </div>  
     <br>  
     <button type="submit" id="request-btn">Request</button> 
     </div> 
    </div> 
</form> 

そしてコンポーネントに

ngOnInit(){ 
    this.apicall.subscribe((info)=>{ 
     this.currentUser = info; 
    } 
); 
}