我正在做一個應用程式，我在其中列印一些汽車（我從資料庫中接收它們），在一列中我有一個帶有多個標簽的字串，這些標簽用逗號分隔，我創建了一個函式來接收它作為一組單詞然后列印 make 標簽的每個單詞，但我真的不知道如何呼叫該函式或如何執行它，因為它在不應該這樣做的時候重復多次。
<!-- Category Card -->
<div *ngFor="let car of cars" class="col-md-4">
<div class="card-image-overlay m-auto" id="tags">
{{separar(car?.tags)}}
</div>
</div>
然后是函式“separar”的代碼：
public separar(string) {
var palabras = [];
palabras = string.split(",");
for (var i = 0 ; i < palabras.length ; i ) {
document.getElementById("tags").innerHTML =
("<span class='card-detail-badge'>" palabras[i] "</span>");
}
}
我得到這個：
它應該只列印這些標簽的 3 倍。
可能是一個很容易出錯的錯誤，但我是 Angular 新手，我的老師不知道為什么它不起作用。:(
uj5u.com熱心網友回復：
使用ngFor“Angular 方式”來完成它??
getTags(tags: sring): string[] {
return tags.split(',');
}
<!-- Category Card -->
<div *ngFor="let car of cars" class="col-md-4">
<div class="card-image-overlay m-auto" id="tags">
<span class='card-detail-badge' *ngFor="let tag of getTags(car?.tags)">
{{tag}}
</span>
</div>
</div>
uj5u.com熱心網友回復：
嘗試從模板函式回傳 HTML 字串。
此外，避免變數的常見（有時是“保留”）詞，即使用tagListStr而不是string.
public separar(tagListStr) {
return tagListStr
.split(",")
.map(tag => `<span class='card-detail-badge'>${tag}</span>`)
.join('');
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/436729.html
標籤：javascript 有角度的