即使由angular加载标记，也会在页面刷新时保留bootstrap单击选项卡

Question

目前，我的标签是使用Angular加载的。每当有人点击选项卡时，我都会将id保存到localStorage。

我希望在页面刷新时使用jQuery单击相同的选项卡，但选项卡的DOM元素尚不存在，因为Angular还没有加载它。如何在加载Angular后运行点击操作？

以下是我的标签标记的摘要 下面的标记由Angular

加载

<tabset>
  <tab id="tab1">
     <tab-heading></tab-heading>
  </tab>
  <tab id="tab2">
     <tab-heading></tab-heading>
  </tab>
</tabset>

我想在知道上面的标记在DOM

之后触发类似下面的内容

$(document).ready(function(){
  $('#tab2').click();
});

Answer 1

尽量不要使用jQuery。在你的情况下，我建议你在控制器中使用角度元素。

angular.element('#tab2').trigger('click');