AngularJS Modular - UI 路由器不起作用 - AngularJS Modular - UI-Router doesn't work 小贝子编程网

我正在尝试将我的旧角度系统移动到角度模块化系统（详细信息在：johnpapa/angular-styleguide ·GitHub）。我在控制台或其他地方没有看到错误，但 ui-router 仍然无法完成其工作。

路线.js

 (function()    { 
    'use strict';
    angular
    .module('app')
    .config(routeConf);
    function routeConf($urlRouterProvider, $stateProvider) {
        $urlRouterProvider.otherwise('/');
        $stateProvider
        .state('mainMenu', {
        //url: '/index',//causes navigation problems
        templateUrl: 'testing/pages/mainmenu.html',
    })
        .state('index', {
        //url: '/start',//causes navigation problems
        templateUrl: 'try.html',
    })
        .state('terminal', {
        //url: '/start',//causes navigation problems
        templateUrl: 'testing/pages/terminal.html',
    });
    }
})();

和脚本.js（应用程序）

  (function() { 
  'use strict';
angular
  .module('app', [
    'ui.router'
  ]);
})();

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

你没有初始化角度。你需要放一些东西：

<html ng-app="app">

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

此外，您实际上必须在默认路由中放置一些内容 - 在本例中为"/"。所以我把你的"尝试.html"页面指向那个地方。

.state('index', {
    url: '/',
    templateUrl: 'try.html',
})

AngularJS Modular - UI 路由器不起作用

相关内容

最新更新

热门标签：