загрузить HTML или шаблон в div после нажатия на него

Question

Я новичок в Angular, и у меня есть вопрос: у меня есть div ... и если мы нажмем на div..a функция будет запущена .. эта функция загрузит шаблон в div после проверки входных данных путем сравнения его с данными по умолчанию. так что я имею в виду

<div (click)="openTile(data.Salutation === Title.Sir) ? 'Tasks-details' : 'Todo-details';" >

, где Salutation является аргументом 'data' (расстояние от конструктора), а Title является классом enum (который импортируется в наш компонент здесь)

Кто-нибудь может мне помочь с помощью функции openTile?

спасибо

Answer 1

Я не уверен, что правильно вас понял. Если вы просто хотите показать различный контент в зависимости от некоторых условий после клика, вы можете сделать:

    @Component({
        template: `
    <div (click)="onClick(data.Salutation, Title.Sir)>
        <ng-container [ngTemplateOutlet]="isEqual ? task : todo"></ng-container>
    </div>
    <ng-template #task> if true </ng-template>
    <ng-template #todo> if false </ng-template>
`
    })
    class MyComponent {
        isEqual: boolean;
        onClick(salutation, sir) {
            this.isEqual = salutation === sir;
        }
    }