Angular, ng-Wiederholung funktioniert nicht im selben Absatz

Question

Ich versuche ng-repeat in einem Absatz <p> Tag zu verwenden. Aber es funktioniert nicht. Unten ist mein Code:

<div class="section"> 
    <p class="text-left"> 
     <strong>Designation:</strong>{{showData.Designation}}&nbsp;&nbsp; 
     <strong>Company:</strong> &nbsp;{{showData.Company}}&nbsp;&nbsp; 
     <b ng-repeat="location in showData.City">Location:</b>&nbsp;{{location}}</p> 
    </div> 

aber wenn ich will ng-repeat in nächster Absatz umzusetzen es funktioniert. Aber ich möchte ganze Dinge in einer Linie haben. Irgendein Vorschlag, warum es nicht funktioniert und wie ich ng-repeat in oben genannten Code setzen sollte.

Edit: Ich habe versucht, unter Code aus einer Antwort

<b ng-repeat="location in showData.City">Location: {{location}}</b> 

Es wird jedoch zwei Probleme verursacht

Erste

I zur Folge erwarten wie Lage sein: Banglore , Indien

, während es gibt Ort: Banglore, Ort: Indien

Zweiter ich meinen Wert in fetten Buchstaben sein nicht will.

Answer 1

<div class="section"> 
    <p class="text-left"> 
     <strong>Designation:</strong>{{showData.Designation}}&nbsp;&nbsp; 
     <strong>Company:</strong> &nbsp;{{showData.Company}} 
     &nbsp;&nbsp; 
     Location: <span ng-repeat="location in showData.City">{{location}}</span> 
    </p> 
</div> 

Wenn Sie die Städte zeigen müssen, kann man einfach die Einträge in Ihrem Controller verbinden und ihnen zeigen:

this.citiesJoined = showData.City.join(","); 

HTM L

Location: Location: {{citiesJoined}} 

Answer 2

Sie müssen es wickeln innen </b>

<b ng-repeat="location in showData.City">Location: {{location}}</b> 

DEMO