Question

我想根据选中/取消选中将title属性添加到单选按钮。

我无法在Angular 2中完成。

以下是我的代码。请帮忙

<input id="radio{{i}}" name="radio" type="radio">

< span class="radioLabel">
  < label class="custom-control-description" for="radio{{i}}" [checked]=" 'tooltip=" checked " : 'tooltip="unchecked "' tooltipPlacement="bottom "> 
    < /label>
      < / span>

Answer 1

您可以在单选按钮上使用点击事件。 Click事件将为您提供单击单选按钮的鼠标事件。您的代码将如下所示：

<input id="radio{{i}}" name="radio" type="radio" (click)="addTitleAttribute($event)">

现在在组件中添加功能。在组件中使用以下代码：

addTitleAttribute(event: MouseEvent) {
 let radio = event.target as HTMLInputElement;
 radio.setAttribute("title", "valueOfTitle");
 // other logic will go here
}

希望它会有所帮助

根据选中/取消选中添加标题属性

1 个答案: