Я использую Angular 5, и название всплывающего окна зависит от логического значения. Когда свойство isEditing имеет значение true, заголовок должен быть «изменить пользователя». В противном случае заголовок должен быть «добавить пользователя».
Как у него синтаксис?
<dxo-popup title="edit user" .../>
Я ищу что-то вроде:
Спасибо за помощь! Откровенный
Другие решения требуют, чтобы вы либо изменили свой HTML, либо добавили ненужный код в ваш Typescript.
Вот тройка:
<dxo-popup [title]="isEditing ? 'Edit user' : 'Add user'" .../>
*ngIf="isEditing", делегируется компоненту.
- person tilo; 15.05.2018
Мне нравится брать функциональность из шаблона и переносить ее в компонент:
Составная часть:
isEditing = true;
get title() {
return this.isEditing ? 'edit user' : 'add user';
}
HTML-шаблон:
<dxo-popup title="{{ title }}" .../>
Ты можешь сделать
<ng-container *ngIf="isEditing;then edit else add"></ng-container>
<ng-template #edit>edit user</ng-template>
<ng-template #add>add user</ng-template>
Другое решение — использовать функцию в вашем компоненте для возврата текста.
Составная часть:
isEditing = true;
popupTitle(){
return (this.isEditing ? "Edit User" : "Add User");
}
HTML:
<dxo-popup title="{{popupTitle()}}" .../>
Я искал этот вопрос и нашел простую версию ответа, и я хочу добавить его здесь в качестве полезной ссылки.
<button title=" {{ condition ? 'Some TRUE text' : 'Some FALSE text'}}"> Test Button </button>
