How to properly implement a nested loop in AngularJS?

Question

Angular

<div class="container" ng-controller="TestQuestions">
    <div id="row" ng-repeat="question in questions">
      <div ng-repeat="answer in question.answer">
          <p></p>
        <h4 class="page-header">{{question.id}}. {{question.question}}</h4>
        <p></p>
        <button type="button" class="btn btn-info" value="Input Button">{{answer}}</button>
      </div>
    </div>
  </div>

app.controller("TestQuestions", function($scope) 
  {
    $scope.questions =
    [
      {
        id: 1, question: "Sex?", "sex": {"m":"male", "f":"female"}
      },

      {
        id: 2, question: "Level of your organization", answer: ["Personal", "Federal", "Privat"]
      },

      {
        id: 3, question: "What is your name?", answer: ["Dima", "Roma", "Masha"]
      },
      {
        id: 4, question: "Where do you live?", answer: ["Moscow", "London", "Minsk"]
      }
    ];
  } 

  );

The problem is that this loop gives me a column:
2. Level of your organization
Personal
2. Level of your organization
Federal
2. Level of your organization
Privat
I need
2. Level of your organization
Personal Federal Privat

Answer 1

<div id="row" ng-repeat="question in questions">
        <h4 class="page-header">{{question.id}}. {{question.question}}</h4>
        <span ng-repeat="answer in question.answer">
            <button type="button" class="btn btn-info" value="Input Button">{{answer}}</button>
      </span>
    </div>

Answer 2

<div class="container" ng-controller="TestQuestions">
    <div id="row" ng-repeat="question in questions">
    <h4 class="page-header">{{question.id}}. {{question.question}}</h4>
      <div ng-repeat="answer in question.answer">
          <p></p>
        
        <p></p>
        <button type="button" class="btn btn-info" value="Input Button">{{answer}}</button>
      </div>
    </div>
  </div>

Computer Since, yeah