Wie man Elemente mit ng-repeat an die gleiche Zeile oder Zeile anfügt

Question

Ich möchte Elemente in der gleichen Zeile mit ng-Wiederholung anfügen, aber es scheint, die Elemente in einer neuen Zeile hinzuzufügen. Im folgenden Beispiel möchte ich, dass sie in derselben Zeile stehen wie:

"John, der 25 Jahre alt ist. Jessie, die 30 Jahre alt ist. Johanna, die 28 Jahre alt ist."

Das Ergebnis ist statt:

John, der 25 Jahre alt ist.
Jessie, die 30 Jahre alt ist.
Johanna, die 28 Jahre alt ist.

Wie kann ich das erreichen?

<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> 

Stein

Answer 1

Versuchen Sie, diese

<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> 

standardmäßig DIV machen als display:block und SPAN als display:inline