angular4 动态title

根据当前标签内容动态修改title内容,并且屏蔽标签内的html标签

import { Directive, ElementRef, AfterContentChecked } from "@angular/core";

/**
 * 给dom元素添加当前dom内容title
 * 展示innerText字段,html标签不会显示在title中
 *
 */
@Directive({
  selector: "[appTitle]"
})
export class AppTitleDirective implements AfterContentChecked {
  constructor(private elementref: ElementRef) {}
  ngAfterContentChecked() {
    const ele = this.elementref["nativeElement"];
    ele.title = ele.innerText;
  }
}
JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里只属于前端工程师。