File
Metadata
| selector |
app-left-sidebar |
| templateUrl |
./left-sidebar.component.html |
Index
Properties
|
|
|
Inputs
|
|
|
HostBindings
|
|
|
|
backButton
|
Type : literal type
|
|
|
HostBindings
|
class
|
Default value : 'container-left'
|
|
|
|
__
|
Default value : strings
|
|
|
import {Component, HostBinding, Input} from '@angular/core';
import strings from '@i18n/strings.json';
@Component({
selector: 'app-left-sidebar',
templateUrl: './left-sidebar.component.html',
// styleUrls: ['./left-sidebar.component.scss'],
})
export class LeftSidebarComponent{
__ = strings;
@Input() backButton: {routerLink: any, queryParams: any, name: string};
@HostBinding('class') class = 'container-left';
constructor() {}
}
<div class="btn-group-vertical w-100 mb-3" role="group" aria-label="Button group" *ngIf="backButton">
<a mat-button class="btn btn-primary btn-block" [routerLink]="backButton.routerLink" [queryParams]="backButton.queryParams">
<mat-icon>keyboard_arrow_left</mat-icon>{{__.backTo}}{{backButton.name}}
</a>
</div>
Legend
Html element with directive