更改angular-ui-router 2.0.13的代码

Question

我创建这个plnkr是为了显示一些我必须更正的代码。

http://plnkr.co/edit/rlKFW2DIqzVSaWTt79u5?p=catalogue

我想我必须更改stateProvider中的代码

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

使用最新版本的ui-router(2.0.13)，当我登录时，当我创建管理页面时，我看不到登录掩码和页面。我在ui-router v2.0.7上工作，没有问题，但我想更正我的代码为最新版本，有人能帮我吗？

Answer 1

不确定您的问题是什么，但至少在这里您可以看到工作的versin of your plunker.

我更改了index.html

//<div ui-view="index"></div>
<div ui-view=""></div>

另外，我还添加了指向angular和ui-router的链接。现在它正在发挥作用。

这是script.js代码片段，它针对的是未命名的视图(而不是ui- view ="index") --这就是我更改index.html的原因

validationApp = angular.module('validationApp', [
  'ui.router'
])

validationApp.config(['$urlRouterProvider', function ($urlRouterProvider) {

    $urlRouterProvider.when( '' ,  '/login' );

    $urlRouterProvider.when( '/admin' ,  '/admin/home');

}])

validationApp.config(['$stateProvider', function ($stateProvider) {
    $stateProvider
        .state('login', {
            url: '/login',
            //templateUrl: 'views/partials/login.html',
            templateUrl: 'login.html',
            controller: 'loginCtrl',
            authNotRequired:true
        })

Check it here