2017-01-19 4 views
0

データベースからテキストボックスにデータをフェッチする方法を教えてもらえますか?私はとにかく保存することができますが、私は同じテキストボックスに保存したものをそれぞれ取り出したいと思います。データベースからテキストボックスにデータをフェッチする方法

//フォーム

 <div class="modal-body"> 
     <div class="form-group"> 

      <form (ngSubmit)="onSubmit(companylisting)" #companylsiting="ngForm" > 

<div class="form-group"> 
       <label for="first_name"> Name</label> 
       <input type="text" class="form-control" id="name" [(ngModel)]="company.name" name="first_name" required> 
      </div> 
       <button type="submit" class="btn btn-primary">Submit</button> 

//サービス

updateClient(id){ 
     let headers = new Headers({ 'Content-Type': 'application/json' }); 
     let options = new RequestOptions({ headers: headers }); 
     let body = JSON.stringify(id); 
     return this.http.put('http://example.com' + id, body, headers) 
      .map((res: Response) => res.json()); 


    } 

答えて

0

あなたは自分のフォームにバインドされたオブジェクトを再クエリうアクティブなルートを残していない場合。この場合、「会社」は、フォームにバインドされているコンポーネント内のオブジェクトです。

<input type="text" class="form-control" id="name" [(ngModel)]="company.name" name="first_name" required> 

サービスを介してそのオブジェクトを再クエリする必要があり、フォームは自動的にすべてのコントロールを再バインドします。

+0

私はあなたをはっきりと理解すれば、それはバックエンドと関係がありますか? –

+0

はい、テンプレートをデータベースに現在格納されている値に再バインドする場合は、サービスコールで値を再取得し、そのサービスコールの結果をローカル変数 'c​​ompany'に設定する必要があります。 – cobolstinks

+0

ありがとうございました...うまくいきます –

関連する問題