带[（ngModel）]的硬编码字符串

Question

我试图通过ngModel追加字符串“By - ”和从属性获得的值，即<textarea [(ngModel)]="book.Author"..>and将其添加到角度的标题<h2>{{book.Title}}</h2>中，以便显示“Title By - Author”。数据通过http api获得。只有在文本区域中有作者的值时，才需要“按作者”。我该如何实现这一目标？我是棱角分明的新手。

Answer 1

一个解决方案可能是在你的标题中使用Angular指令*ngIf和<ng-container>，如下所示：

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

ng-container

不会干扰样式或布局，因为Angular不会将它放在DOM中。

Answer 2

您可以使用[ngModel]属性绑定输入事件发射器来实现此目的。 https://stackblitz.com/edit/angular-jbqub9