2017-08-08 4 views
0

ng-repeatでインタビューの質問フォームを作成したいのですが、投稿をクリックするとすべてのデータが送信されるので、そのために別のng-modelが必要です。ここでanglejsのインタビューフォーム(リピートとモデル)

だから私のコード

<form role="form" name="interviewForm"> 
    <div class="pr_setportfolio_content interview_div" ng-show="setinterview == true"> 
     <div class="prterms_name_input" ng-repeat="interview in interview"> 
      <span class="prterms_input_text"> 
      {{interview.question}} 
      </span> 
      <textarea class="prterms_inputtextarea_name" ng-model="interview_answer" name="interview_answer" placeholder="Enter answer" msd-elastic auto-resize></textarea> 
     </div> 
    </div> 
</form> 

で、誰もがそれを作るためにどのように任意のアイデアを持っていますか?

は答えを保持するためのあなたに(代わりにinterview_answerの例interview.answer用)

+4

トライ使用 'NG-モデル= "interview.interview_answer"' –

+1

私は[plunker]を考える(https://plnkr.co/edit/YoG80AR0RiZJKs8OZVYU?p=preview)あなた – jesusverma

答えて

1

使用するのと同じモデルを感謝して、あなたは同じモデルで各質問に対する答えを得ることができます。ただ、interviewリストに反復処理し、各インデックスは一つの質問とその答え

<form role="form" name="interviewForm"> 
<div class="pr_setportfolio_content interview_div" ng-show="setinterview == true"> 
    <div class="prterms_name_input" ng-repeat="interview in interview"> 
    <span class="prterms_input_text"> 
     {{interview.question}} 
    </span> 
    <textarea class="prterms_inputtextarea_name" ng-model="interview.answer" name="interview_answer" placeholder="Enter answer" msd-elastic auto-resize></textarea> 
    </div> 

</div> 
1

このフォームを送信した後

ng-repeat="intview in interview" 

<textarea class="prterms_inputtextarea_name" data-ng-model="intview.interview_answer" name="interview_answer" placeholder="Enter answer" msd-elastic auto-resize></textarea> 

を使用してみてくださいを保持するだけ答えinterview.interview_answerを収集することはnullまたは未定義ではありません。

+0

感謝の男を助けます!しかし、私はもう少し説明するので別の答えを受け入れる.. – beginnerprogrammer

+0

@beginnerprogrammer、ありがとう – Shohel