如何使用typescript向html标记添加参数

我得到一个html元素：

eventRender(info){
    console.log(info.el);
  }

这就是输出：

我想添加这些属性：

tooltip=“Vivamus sagittis lacus vel augue laoreet rutrum faucibus.”placement=“top”

在html中是这样的

<button type="button" class="btn btn-default btn-secondary mb-2"
        tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
        placement="top">
  Tooltip on top
</button>

试着这样做：

.html

试着这样做：

.html

您可以在angular中使用来设置动态元素的属性：

constructor(private renderer: Renderer2) {}

  add() {
    this.renderer.setAttribute(this.test.nativeElement, 'tooltip', 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.');
    this.renderer.setAttribute(this.test.nativeElement, 'placement' , 'top');
  }

示例html：

<button class="btn btn-primary" (click)="add()">Add</button>
<br>
<button #test type="button" class="btn btn-default btn-secondary mb-2">
  Tooltip on top
</button>

添加


顶部的工具提示

请参见

您可以在angular中使用来设置动态元素的属性：

constructor(private renderer: Renderer2) {}

  add() {
    this.renderer.setAttribute(this.test.nativeElement, 'tooltip', 'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.');
    this.renderer.setAttribute(this.test.nativeElement, 'placement' , 'top');
  }

示例html：

<button class="btn btn-primary" (click)="add()">Add</button>
<br>
<button #test type="button" class="btn btn-default btn-secondary mb-2">
  Tooltip on top
</button>

添加


顶部的工具提示

---

请参见

何时调用

eventRender

？何时调用

eventRender

？

<button class="btn btn-primary" (click)="add()">Add</button>
<br>
<button #test type="button" class="btn btn-default btn-secondary mb-2">
  Tooltip on top
</button>