Жестко закодированная строка с [(ngModel)]

Question

Я пытаюсь добавить строку «By -» со значением, полученным из свойства через ngModel, т.е. <textarea [(ngModel)]="book.Author"..>, и добавить его к заголовку <h2>{{book.Title}}</h2> в угловом формате, чтобы он отображал «Title By - Author».Данные получаются через http api.Я хочу "Автор - Автор", только когда в текстовой области есть значение для Автор.Как мне этого добиться?Я новичок в угловой.

Answer 1

Этого можно добиться, используя привязку атрибута [ngModel] к источнику входных событий.https://stackblitz.com/edit/angular-jbqub9

Answer 2

Решением может быть использование угловых директив *ngIf в сочетании с <ng-container> в заголовке следующим образом:

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

ng-container

не мешает стилям или макету, потому что Angular не помещает его в DOM.