Как правильно реализовать вложенный цикл в AngularJS?

Question

[beduin01]

<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"]
			}
		];
	} 

	);

Проблема в том, что данный цикл мне выводит в столбик:
2. Level of your organization
Personal
2. Level of your organization
Federal
2. Level of your organization
Privat

мне же нужно

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>

Comments

[beduin01]

Спасибо, не могли бы подсказать ответ на следующий вопрос. Я задал его выше, но продублирую сюда:

Как сделать, чтобы ответы в одну линию шли. Сейчас он делает:
2. Level of your organization
Personal
Federal
Privat

Нужно в линию.
Personal Federal Privat

[Андрей]

beduin01: Ну так запустите код.. у меня в линию )

[beduin01]

Андрей: а в предыдущем ответе не в линию так как там див используется?

[Андрей]

beduin01: Ну можно и с дивом ))) там надо в css чуть поправить.. а так... да )))

Элемент является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.

Как и при использовании других блочных элементов, содержимое тега всегда начинается с новой строки. После него также добавляется перенос строки.

Тег предназначен для определения строчных элементов документа. В отличие от блочных элементов, таких как

[beduin01]

Андрей: если я использую бутсрап, то правильно ли я понимаю, что во вложенных дивах я должен отменять наследование, чтобы к примеру размер шрифта отменить и тд.

[beduin01]

Просто я тут решил с дивом попробовать. Диву назначал класс user-answer-block и сам класс определил как:

.user-answer-block {
display:block-inline;
color: red;
}

В итоге ничего не отобразилось, я вот думаю, может дело в наследовании или в чем-то ошибся.

[Андрей]

beduin01: ru.stackoverflow.com/questions/197812/%D0%A0%D0%B0...

[Андрей]

Чем Вам спан не устроил? :)

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, ага