title: How do I dynamically add objects to an object's property?
body: <p>I am building a questionnaire and the questions can have multiple answers and I need to build an array of the question and answers such as:</p>
  
  <pre><code>{
      question: 'question', 
      answer: {id: 1, answers: 'answer 1'}, 
              {id: 2, answer: 'answer 2'}
  }
  </code></pre>
  
  <p>I need to show a summary of the questions and the answers that the user chose.  </p>
  
  <p>For example: Question: Which of these states have you lived in?
  answers:  Alabama, Alaska, New Jersey, Rhode Island.</p>
  
  <p>The resulting object could be:</p>
  
  <pre><code>{
    question: 'Which of these states have you lived in?', 
    answer: {id: 1, answer: 'Alaska'}, 
            {id: 3, answer: 'Rhode Island'}
  }
  </code></pre>
  
  <p>How do I go about dynamically adding the answers while only having the question show up once?  </p>
  
  <p>I tried:</p>
  
  <pre><code>var questionAnswerObject = [];
  angular.forEach(answersObject, function(value, key){
      questionAnswerObject.push({
          question: question.question, 
          answer: value.answer
      });
  });
  </code></pre>
  
  <p>But of course it shows the question twice.</p>