2017-08-08 26 views
0

我想用ng-repeat進行面試問題表單,當我點擊提交時,它會發送所有數據,所以我需要不同的ng模型。採用angularjs的面試表格(重複和模型)

這裏是我的代碼

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

因此,任何人有任何想法如何做呢?

謝謝

+4

嘗試使用'NG-模型= 「interview.interview_answer」' –

+1

我認爲[plunker(https://plnkr.co/edit/YoG80AR0RiZJKs8OZVYU?p=preview)將幫助你 – jesusverma

回答

1

使用同一型號(例如interview.answer而不是interview_answer)舉辦的答案,那麼你就可以得到答案在同一模型中的每個問題。只是想迭代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不爲空或未定義。

+0

感謝的人!但我接受另一個答案,因爲他解釋更多一點.. – beginnerprogrammer

+0

@beginnerprogrammer,謝謝 – Shohel