javascript - angular-js angular-strap 和 ng-grid 集成？

Question

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

| 选项卡 1 | 选项卡 2| 选项卡 3|

因此，当单击选项卡 1 时，对服务器的调用是 /get/result/tab1_id/，当单击选项卡 2 时，对服务器的调用是 /get/result/tab2_id 等...并使用此结果填充ng-grid 不知何故。

Angular 有很大的潜力，但我对它很陌生，有很多做事的方法，我都不擅长。这些东西可以用 jtable 等立即在 jquery 中完成。但我正在尝试学习 angular js。

所以请帮忙。

谢谢和问候锡

Answer 1

要确定单击了哪个选项卡，您可以执行

<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模块。