使用指令返回值

Question

我有这个返回title或null的指令，如何在html组件中使用这个返回值？

 element:ElementRef;
@Input() pageTabTitle:string;
constructor(el:ElementRef) { this.element =el; }

ngOnChanges(): void {
setTimeout(() => {
  this.hasTooltip(this.pageTabTitle);
  })
}
hasTooltip(title:string) {
if(this.isOverflown()) {
  return title;
} else {
  return null;
}
}
isOverflown():boolean {
return this.element.nativeElement.scrollWidth > 
this.element.nativeElement.clientWidth;
}

我想在工具提示标题中使用此值

[attr.data-original-title]="" // here I want to set return directive value 

Answer 1

我认为您的指令没有@Output-它无法返回内容：） 如果希望它发出带有值的事件，则应使用@Output属性并在需要时发出它。

Angular Io