ngIf на входном значении

Question

У меня есть поле, которое получает ввод пользователя, и в соответствии с ним элемент ниже покажет, что было написано

 <label>message</label>
 <input type="text" name="name" [(ngModel)]="person.message"class="form-control">

 <label class="label">you've written this </label>
 <input type="text" name="name" disabled value="{{message}}" class="form-control">

этот код работает нормально , но я хочу назначить условие к отображаемому значению, которое выглядит примерно так: *ngIf=person.message!=null?{{message}}":'write'

, что означает, что если поле ввода не равно нулю, показать, что записано, в противном случае показать слово write

Answer 1

Просто проверьте, существует ли значение или нет, назначьте по умолчанию оператор usus ИЛИ valus.

<label>message</label>
     <input type="text" name="name" [(ngModel)]="person.message" class="form-control">

     <label class="label">you've written this </label>
     <input type="text" name="name" disabled [value]="person.message ? message : 'write'" class="form-control">

Answer 2

Вы можете использовать троичный оператор в пределах {{...}}

 <input type="text" name="name" disabled value="{{person.message!=null ? message : 'write'}}" class="form-control">

Или установить значение как свойство с помощью троичного оператора .

<input type="text" name="name" disabled [value]="person.message!=null ? message : 'write'" class="form-control">