title: Using object as ng-value sets value to [object Object]
body: <p>I have a set of question that come from a JSON file.</p>
  
  <p>In my view I loop through these questions and output the type of input:</p>
  
  <pre><code>&lt;div ng-repeat="question in questions" id="{{question.id}}"&gt;
      &lt;div ng-if="question.answerStyle == 'select'"&gt;
          &lt;select ng-model="question.answer"&gt;
              &lt;option value="" disabled selected hidden&gt;Choose answer...&lt;/option&gt;
              &lt;option ng-repeat="option in question.answers" ng-value="{{option}}"&gt;{{option.name}}&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In the controller I am watching the $scope.questions for any changes and then logging out the scope.</p>
  
  <p>The answer is set as:</p>
  
  <pre><code>[object Object]
  </code></pre>
  
  <p>I need to pass the answer as an object as need the value and question text.</p>
  
  <p>Example question data from Array:</p>
  
  <pre><code>[
      {
          "id":"questionId",
          "answerType":"single",
          "answerStyle":"select",
          "title":"Question Title",
          "answers":[
              {
                  "value":0,"name":"3 years"
              }
      }
  ]
  </code></pre>