typescript 提示-angular5.ts
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了typescript 提示-angular5.ts相关的知识,希望对你有一定的参考价值。
@Directive({
selector: '.tooltip-container'
})
export class TooltipContainerDirective {
}
@Component({
template: `
<div class="tooltip-container" [ngStyle]="{top: top}">
<ng-content></ng-content>
</div>
`,
styles: [...]
})
export class TooltipComponent implements OnInit {
top : string;
@ViewChild(TooltipContainerDirective, { read: ElementRef }) private tooltipContainer;
constructor( @Inject('tooltipConfig') private config ) {
}
ngOnInit() {
// For simplicity, we calculate only the top.
const { top } = this.config.host.getBoundingClientRect();
const { height } = this.tooltipContainer.nativeElement.getBoundingClientRect();
this.top = `${top - height}px`;
}
}
以上是关于typescript 提示-angular5.ts的主要内容,如果未能解决你的问题,请参考以下文章
markdown TypeScript提示与技巧
typescript 角小提示
typescript 提示-angular8.ts
typescript 提示-angular7.ts
typescript 提示-angular7.ts
typescript 提示-angular6.ts