angular-js角带和ng-grid集成?

时间:2013-08-27 01:25:20

标签: javascript angularjs tabs ng-grid angular-strap

说,我有多个标签,我想使用角带来显示它。但是,每个选项卡的内容基于该给定选项卡的ajax调用是动态的。理想情况下可以从选项卡ID派生。

|标签1 |标签2 |标签3 |

因此,当单击Tab 1时,对服务器的调用是/ get / result / tab1_id /,当单击Tab 2时,对服务器的调用是/ get / result / tab2_id等...并使用此结果以某种方式填充ng-grid。

Angular有很大的潜力,但我对它很陌生并且有许多做事方式,而且我并不擅长。这个东西可以在jquery中使用jtable等来完成。但我正在尝试学习角度js。

所以请帮忙。

谢谢&问候 锡

1 个答案:

答案 0 :(得分:0)

要确定点击了哪个标签,您可以

<div data-fade="1" ngModel="activeTab" bs-tabs>
  <div ng-repeat="tab in tabs" data-title="{{tab.title}}" ng-click="loadData()"><p>{{tab.content}}</p></div>
</div>

在控制器中,您可以执行以下操作:

$scope.loadData = function(){
    switch(activeTab){
        case 0:
            //load data
            break;

        case 1:
            ....
    }
}

要加载数据,您可以查看$http$resource模块。