javascript - AngularJS 选项卡导航和模块注入

Question

我在两个单独的文件中有两个模块，如下所示：

第一个.js

var app = angular.module('first',['ngGrid']);  
app.controller('firstTest',function($scope))
{  
   ...
});

第二个.js

var app = angular.module('second',['ngGrid']);  
app.controller('secondTest',function($scope))
{  
   ...
});

我现在想在导航类型视图中再次使用这两个模块，如下所示：

tabs.js

var app = angular.module('myTabs',['first','second']);  
$scope.tabs = [    
    {title: "first", content:first.firstTest},
    {title: "second", content:second.secondTest},
];  

$scope.navType='pills';  
});

发生的事情是我收到以下错误：

unknown provider firstProvider <- first  

所以我的问题是
1）这是进行选项卡式导航的正确方法2）处理和模块
注入的正确技术是什么？firstsecond

Answer 1

在我们的应用程序中，我们使用了ngClass指令。

ng-class="{active:isActive('/tab1')}"

isActive作用域中定义的函数在哪里。此功能需要$location变量。

myApp.controller('MyCtrl', function($scope, $location) {
$scope.isActive = function(route) {
    return route === $location.path();
}
});

如果您使用这种解决方案，您可以使用 URL 位置直接跳转到特定选项卡。
也看看$routeProvider供参考。