File
Metadata
| selector |
cd-helper |
| styleUrls |
./helper.component.scss |
| templateUrl |
./helper.component.html |
import { Component, Input } from '@angular/core';
@Component({
selector: 'cd-helper',
templateUrl: './helper.component.html',
styleUrls: ['./helper.component.scss']
})
export class HelperComponent {
@Input()
html: any;
constructor() {}
}
<ng-template #popoverTpl>
<div [innerHtml]="html"></div>
<ng-content></ng-content>
</ng-template>
<i class="fa fa-question-circle"
aria-hidden="true"
[popover]="popoverTpl"
placement="bottom"
container="body"
[outsideClick]="true">
</i>
@import '../../../../defaults';
i {
color: $color-helper-bg;
cursor: pointer;
padding-left: 4px;
}
Legend
Html element with directive