File
Metadata
| selector |
common-error-container |
| styleUrls |
./error-container.component.scss |
| templateUrl |
./error-container.component.html |
|
displayError
|
Type : boolean
|
Default value : false
|
|
|
import { Component, Input } from '@angular/core';
@Component({
selector: 'common-error-container',
templateUrl: './error-container.component.html',
styleUrls: ['./error-container.component.scss']
})
export class ErrorContainerComponent {
@Input() displayError: boolean = false;
constructor() { }
}
<div *ngIf="displayError"
role="alert"
class="error--container text-danger"
aria-live="assertive">
<ng-content></ng-content>
</div>
Legend
Html element with directive