angularjs - ng-repeat を使用して同じ行または行にアイテムを追加する方法

Question

ng-repeatで同じ行に項目​​を追加したいのですが、新しい行に項目を追加するようです。次の例では、次のように同じ行に配置したいと思います。

「25歳のジョン。30歳のジェシー。28歳のヨハンナ。」

結果は次のようになります。

25歳のジョン。
30歳のジェシー。
ヨハンナ28歳。

どうすればそれを達成できますか？

<div ng-init="friends = [
  {name:'John', age:25, gender:'boy'},
  {name:'Jessie', age:30, gender:'girl'},
  {name:'Johanna', age:28, gender:'girl'}
]">


<div ng-repeat="friend in friends">
    {{friend.name}} who is {{friend.age}} years old.
</div>

結石

Answer 1

これを試して

<div ng-repeat="friend in friends" style="float:left">
   {{friend.name}} who is {{friend.age}} years old.
</div>

OR

<span ng-repeat="friend in friends">
    {{friend.name}} who is {{friend.age}} years old.
</span>

デフォルトでは、次のようにDIVレンダリングします。display:blockSPANdisplay:inline