当用户切换到tabset中动态创建的选项卡时，如何调用javascript方法？

Question

我正在我的html中动态创建标签，我现在想要一个功能，当用户更改标签时，它将调用javascript函数。

我的HTML如下：

<tabset id="MonthsTabset" justified="true"  style="padding-left:175px; padding-right:175px">
  <tab ng-repeat="month in months"
	   heading="{{month.name}}"
	   active=month.active>
  </tab>
</tabset>
					

现在在该选项卡中我想要'onclick =“functionCall（）”'之类的东西，这样当用户更改选项卡时会调用javascript方法，但是，我似乎无法找到一种方法来执行此操作。 另外，我没有使用jquery。

提前致谢！

Answer 1

检查控制台中是否有任何错误。另外，我认为您的active=month.active必须是active="{{month.active}}"

＆＃13;

＆＃13;

function call(tab) {
  alert(tab);
}

＆＃13;

tab {
  border: 1px solid red;
}

＆＃13;

<tabset id="MonthsTabset" justified="true" style="padding-left:175px; padding-right:175px">
  <tab ng-repeat="month in months" heading="{{month.name}}" active="{{month.active}}" onClick="call('tab 1')">
    Tab 1
  </tab>
  <tab ng-repeat="month in months" heading="{{month.name}}" active="{{month.active}}" onClick="call('tab 2')">
    Tab 2
  </tab>
</tabset>

＆＃13;

＆＃13;

＆＃13;