7

我想用 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>

结石

4

1 回答 1

12

尝试这个

<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_SPANdisplay:inline

于 2013-08-21T06:07:36.953 回答