Fatal编程技术网
  • angular/
  • Angular 如何在ng模板中实现csv绑定？

Angular 如何在ng模板中实现csv绑定？

angular

Angular 如何在ng模板中实现csv绑定？,angular,Angular,我有一个场景，其中一个article对象被返回到我的ViewModel，如下所示： article: { authors: [{id: 11, name: 'Bob Smith'}, {id: 22, name: 'John Jones'}]; } <span *ngIf="!last">{{author.name}},</span> <span *ngIf="last">{{author.name}}</span> 我有一个要求，

我有一个场景，其中一个article对象被返回到我的ViewModel，如下所示：

article: { authors: [{id: 11, name: 'Bob Smith'}, {id: 22, name: 'John Jones'}]; }

  <span  *ngIf="!last">{{author.name}},</span>
  <span  *ngIf="last">{{author.name}}</span>
我有一个要求，我需要这样写出来：“由鲍勃·史密斯，约翰·琼斯写”

上面的作者姓名应该是URL，单击时根据关联的作者id重新加载页面显示。如何防止最后一个逗号显示在csv中？以下模板代码中的*ngIf逻辑似乎不起作用：

<div>
    <span>Written by </span>
    <span *ngFor="let author of article.Authors; let last=last">
        <a href="#" onclick="return false;" (click)="reloadByAuthorId(1134)">
            {{author.Name}} 
        </a>
        <span *ngIf="!last">,</span>
    </span>
</div>
但是，在呈现模板时，逗号前有一个空格。你知道如何更新模板来删除多余的空间吗？

你可以通过CSS（填充、边距和字体大小…）进行调整， 但也像这样：

article: { authors: [{id: 11, name: 'Bob Smith'}, {id: 22, name: 'John Jones'}]; }

  <span  *ngIf="!last">{{author.name}},</span>
  <span  *ngIf="last">{{author.name}}</span>

{{author.name}，
{{author.name}
**

您解决问题了吗？你还在找吗？