angular - 带有 [(ngModel)] 的硬编码字符串

Question

我正在尝试将字符串“By - ”附加到通过 ngModel 从属性获取的值，即 <textarea [(ngModel)]="book.Author"..>并将其添加到标题 <h2>{{book.Title}}</h2> Angular 以便显示“标题作者 - 作者”。 数据是通过http api获取的。仅当文本区域中有作者值时，我才需要“作者 - 作者”。 我该如何实现这一目标？我是 Angular 新手。

Answer 1

解决方案可能是使用 Angular 指令 *ngIf与 <ng-container> 结合在你的标题中，如下所示:

<h2>
{{book.Title}} <ng-container *ngIf="book.Author"> By - {{book.Author}}</ng-container>
</h2>

ng-container

doesn't interfere with styles or layout because Angular doesn't put it in the DOM.