Question

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

routes.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',
    });
    }
})();

和script.js（app）

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

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

Answer 1

你没有初始化角度。你需要输入类似的内容：

<html ng-app="app">

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

此外，您实际上必须在默认路线上放置一些东西 - 在这种情况下＆＃39; /＆＃39;。所以我指导了你的＆＃39; try.html＆＃39;页面到那个地方。

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

AngularJS Modular - UI-Router无法正常工作

1 个答案: