Forms — ng-forms all the way down

directive-to-form.js

<!-- Most Abstract -->

<quiz quiz="quiz"></quiz>

<!-- 2 -->

<form class="quiz">
  <h1>{{quiz.title}}</h1>
  <question-set questions="quiz.questions"></question-set>
</form>

<!-- 3 -->

<form class="quiz">
  <h1>{{quiz.title}}</h1>
  <ng-form class="questions" ng-repeat="question in quiz.questions">
    <question text="question.text" answers="question.answers"></question>
  </ng-form>
</form>

<!-- 4 -->

<form class="quiz">
  <h1>{{quiz.title}}</h1>
  <ng-form class="questions" ng-repeat="question in quiz.questions">
    <ng-form class="question">
      <input class="question-text" ng-model="question.text"></input>
      <answer-set answers="question.answers"></answer-set>
    </ng-form>
  </ng-form>
</form>

<!-- "" -->

<form class="quiz">
  <h1>{{quiz.title}}</h1>
  <ng-form class="questions" ng-repeat="question in quiz.questions">
    <ng-form class="question">
      <input class="question-text" type="text" ng-model="question.text" />
      <ng-form ng-repeat="answer in question.answers">
        <answer text="answer.text" correct="answer.correct"></answer>
      </ng-form>
    </ng-form>
  </ng-form>
</form>

<!-- 6 -->

<form class="quiz">
  <h1>{{quiz.title}}</h1>
  <ng-form class="questions" ng-repeat="question in quiz.questions">
    <ng-form class="question">
      <input class="question-text" type="text" ng-model="question.text" />
      <ng-form ng-repeat="answer in question.answers">
        <ng-form class="answer">
          <input class="answer-text" type="text" ng-model="answer.text">
          <input type="checkbox" class="answer-correct" ng-model="answer.correct" />
        </ng-form>
      </ng-form>
    </ng-form>
  </ng-form>
</form>