Угловая 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 = preview –

Угловая UI-маршрутизатор регистрации маршрута

ответ

Смежные вопросы