角UI路由器的路由注册

我试图用具有角UI路由器嵌套多个视图，但不工作：角UI路由器的路由注册

我的代码在这里：

App.config(['$stateProvider', function ($stateProvider) { 


    $stateProvider.state({ 
     "name": "app", 
     "url": "/{locale:[a-z]{2}}", 
     "abstract": true, 
     "views": {"content": {"templateUrl": "views/front/home-1.0.0.html", "controller": "homeCtrl"}}}); 
    $stateProvider.state({ 
     "name": "app.home", 
     "url": "", 
     "views": { 
      "[email protected]": {"templateUrl": "views/front/home-1.0.0.html", "controllerl": "homeCtrl"} 
     }}); 
    $stateProvider.state({ 
     "name": "app.signin", 
     "url": "/signin", 
     "views" : { 
      "[email protected]" : {"templateUrl": "views/front/signin-1.0.0.html", "controller": "signinCtrl"} 
     } 
    }); 
}])

我不知道如何创建状态对象到我的代码工作。

我现在只有一个视图。我的html代码：

<!DOCTYPE html> 
<html ng-app="App"> 
<head> 
    <meta charset="utf-8"> 

    <script src="/assets/js/App/App.js" type="text/javascript"></script> 
</head> 
<body> 
    <h1>App</h1> 
    <nav> 
     <a ui-sref="app.home({locale:'fr'})">{{link.home}}</a> 
     <a ui-sref="app.signin({locale:'fr'})">{{link.signin}}</a> 
    </nav> 
    <div ui-view="content"> 
    </div> 
</body>

Plunkr是在这里：

http://plnkr.co/edit/GOpmL5myqLKhVQBY9KOg?p=preview

来源

2015-05-03 Nicolas Blaudez

您在控制台越来越任何错误？你可以添加你的html部分吗？？ –

不，我没有控制台错误 –

你需要改变当前的渲染视图的方法。主html将包含<div ui-view=""></div>这将加载一个父路由与模板将包含ui-view="content"所以内部部分将通过views部分$state加载。

代码

App.config(['$stateProvider', '$urlRouterProvider', 
    function($stateProvider, $urlRouterProvider) { 
    $stateProvider.state({ 
     "name": "app", 
     "url": "/{locale:[a-z]{2}}", 
     "abstract": true, 
     template: '<div ui-view="content"></div>' 
    }); 
    $stateProvider.state({ 
     "name": "app.home", 
     "url": "/home", 
     "views": { 
     "content": { 
      "templateUrl": "home-1.0.0.html", 
      "controllerl": "homeCtrl" 
     } 
     } 
    }); 
    $stateProvider.state({ 
     "name": "app.signin", 
     "url": "/signin", 
     "views": { 
     "content": { 
      "templateUrl": "signin-1.0.0.html", 
      "controller": "signinCtrl" 
     } 
     } 
    }); 
    } 
])

Working Plunkr

来源

2015-05-03 19:14:44

嗨，不工作对我来说 –

@ user1078200你可以创建同样的plunkr，以便我可以挖掘它 –

Plunkr在这里：http://plnkr.co/edit/GOpmL5myqLKhVQBY9KOg ？p =预览 –

角UI路由器的路由注册

回答

相关问题