更改角度 UI 路由器 2.0.13 的代码

change code for angular-ui-router 2.0.13

本文关键字:代码 路由器 UI      更新时间:2023-09-26

我创建了这个plnkr来显示一些我必须纠正的代码。

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

我想我必须更改状态提供程序中的代码

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

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

不确定您的问题是什么,但至少在这里您可以看到您的 plunker 的工作版本。

我更改了索引.html

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

我还添加了指向角度和 ui 路由器的链接......它现在正在工作。

这是脚本.js片段,它针对 unnamend 视图(不是 ui-view="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
        })

在这里查看