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:block和 SPAN如 display:inline