AngularJS路由问题

时间:2017-01-31 04:42:43

标签: angularjs routing

所以我想弄清楚路由,现在我可以让它为www.sdfsfsfs.com/route1这样的基本内容工作

.when("/route1",{
    templateUrl: "route1.html"
})

但我仍然在努力弄清楚如何做www.sdfsfsfs.com/route1/jpera之类的事情。我可以通过创建一个route1目录,然后将jpera放在该目录中,然后它就可以了。

.when("/route1/jpera",{
    templateUrl: "jpera.html"

})

但是随着/route1到达网址的路线搞砸了,我不知道为什么。

2 个答案:

答案 0 :(得分:1)

在angular-ui-router中,你可以这样做:

java.lang.Integer cannot be cast to [Ljava.lang.Object;

因此,page1是家庭的子视图。

否则,如果您想将部分模板用于布局模板,您可以使用以下视图: -

angular.module('myapp', ["ui.router"])
    .config(function($stateProvider, $urlRouterProvider){
            $urlRouterProvider.otherwise('/dashboard');
....
$stateProvider
    .state('home', {
        url: '/home',
        templateUrl: 'dir1/dir2/home.html', 
        controller: 'homeController'
    })
    .state('home.page1', {
        url: '/page1',
        templateUrl: 'dir1/dir2/page1.html',        
        controller: 'page1Controller'
    })
...

function homeController($scope){
//do something
}   

function page1Controller($scope){
//do something
}   

希望这能给你一些指示。

答案 1 :(得分:0)

我有角度ui路由器它很容易。

以下是嵌套路由的文档。  https://github.com/angular-ui/ui-router/wiki/nested-states-&-nested-views

希望它有所帮助。