多个Tabset AngularJS的多个解析

时间:2014-08-07 01:04:08

标签: javascript angularjs tabs angular-ui

所以我有一个问题,我需要在不同的标签集中的一堆不同标签上显示动态数据。我在这里有基本设置:site layout

 <div class="col-sm-3 full-height" id="left-panel">
  <div class="top">
    <tabset>
      <tab heading="Tab1">
        <p>Tab1</p>
      </tab>
      <tab heading="Tab2">
        <p>Tab2</p>
      </tab>
    </tabset>
  </div>
  <div>
    <tabset>
      <tab heading="Tab1">
        <p>Tab1</p>
      </tab>
      <tab heading="Tab2">
        <p>Tab2</p>
      </tab>
    </tabset>
  </div>
</div>
<div class="col-sm-8" id="content">
  <tabset>
    <tab heading="Tab1">
        <p>Tab1</p>
      </tab>
      <tab heading="Tab2">
        <p>Tab2</p>
      </tab>
      <tab heading="Tab3">
        <p>Tab3</p>
      </tab>
      <tab heading="Tab4">
        <p>Tab4</p>
      </tab>
  </tabset>

问题是我需要在点击每个标签时或在页面最初加载时解析$ http请求,而我无法弄清楚如何为每个标签执行此操作。

最好为每个标签集创建一个ng-app吗?

<div class="col-sm-3 full-height" id="left-panel">
  <div class="top" ng-app="someApp">
    <tabset>
      <tab heading="Tab1">
        <p>Tab1</p>
      </tab>
      <tab heading="Tab2">
        <p>Tab2</p>
      </tab>
    </tabset>
  </div>
  <div ng-app="someOtherApp">
    <tabset>
      <tab heading="Tab1">
        <p>Tab1</p>
      </tab>
      <tab heading="Tab2">
        <p>Tab2</p>
      </tab>
    </tabset>
  </div>
</div>
<div class="col-sm-8" id="content" ng-app="someOtherOtherApp">
  <tabset>
    <tab heading="Tab1">
        <p>Tab1</p>
      </tab>
      <tab heading="Tab2">
        <p>Tab2</p>
      </tab>
      <tab heading="Tab3">
        <p>Tab3</p>
      </tab>
      <tab heading="Tab4">
        <p>Tab4</p>
      </tab>
  </tabset>

</div>

我可以使用$ stateProvider来完成它吗?如果是这样,它会一次允许多个状态吗?

问题是我找不到与此布局类似的任何其他内容总是看到一组标签不是每页多个。

解决每个标签数据的最佳方法是什么?

非常感谢您能给我的任何信息

0 个答案:

没有答案