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

Question

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

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