angularjs 的采访表格（重复和模型）

Question

我想用 ng-repeat 制作面试题，当我点击提交时，它会发送所有数据，所以我需要不同的 ng-model。

这是我的代码

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

那么，有人知道怎么做吗？

谢谢

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

Answer 2

尝试使用

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 is not null or undefined.

angularjs 的采访表格（重复和模型）

Interview form with angularjs (repeat and model)

angularjs

angularjs-ng-repeat

angular-ngmodel