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