File
Metadata
| changeDetection |
ChangeDetectionStrategy.OnPush |
| selector |
cx-close-account |
| templateUrl |
./close-account.component.html |
import { ChangeDetectionStrategy, Component } from '@angular/core';
import { ModalService } from '@spartacus/storefront';
import { CloseAccountModalComponent } from '../close-account-modal/close-account-modal.component';
@Component({
selector: 'cx-close-account',
templateUrl: './close-account.component.html',
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class CloseAccountComponent {
modal: any;
constructor(protected modalService: ModalService) {}
openModal(): void {
this.modal = this.modalService.open(CloseAccountModalComponent, {
centered: true,
}).componentInstance;
}
}
<div class="col-lg-8 col-md-9">
<div class="row cx-btn-group">
<div class="col-sm-3">
<a
[routerLink]="{ cxRoute: 'home' } | cxUrl"
class="btn btn-block btn-secondary"
>{{ 'common.cancel' | cxTranslate }}</a
>
</div>
<div class="col-sm-6">
<button class="btn btn-primary" (click)="openModal()">
{{ 'closeAccount.closeMyAccount' | cxTranslate }}
</button>
</div>
</div>
</div>
Legend
Html element with directive