gpt4 book ai didi

javascript - 使用 ui-router 的基本 Angular 应用程序不会加载登录

转载 作者:行者123 更新时间:2023-11-29 23:49:39 25 4
gpt4 key购买 nike

我正在为工作做 POC,我找不到隐藏在这里的任何愚蠢错误。我有一个使用 ui-router 的基本/基本 Angular 应用程序。 Plunker可以找到here .

在 chrome 控制台中,我可以看到我的 app.module 正在创建,但是登录页面从未出现。这是一个非常非常基本的应用程序,所以我认为它一定是我所缺少的简单东西。有什么建议么?下面是一个快速示例:

config.js

(function() {
'use strict'
var app = angular.module('app.core');
app.config(AppRouter);
AppRouter.$inject = ['$stateProvider', '$urlRouterProvider'];

function AppRouter($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('login');
$stateProvider
.state('/', {
templateUrl: 'login.html',
controller: 'LoginController',
controllerAs: 'vm',
})
.state('login', {
templateUrl: 'login.html',
controller: 'LoginController',
controllerAs: 'vm',
});
}
})();

login.controller.js

(function() {
'use strict';

var app = angular.module('app.login');

app.controller('LoginController', LoginController);

LoginController.$inject = ['$location', '$filter', '$window', '$rootScope'];

function LoginController($location, $filter, $window, $rootScope) {
var init = function() {
console.log('here');
};

init();
}
})();

app.module.js

(function() {
var app = angular.module('app', ['app.core', 'app.login']);
})();

login.module.js

(function(){
'use strict'
var app = angular.module('app.login', ['app.core']);
})();

core.module.js

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

最佳答案

经过一些改动后它对我有用(参见 forked plunk:https://plnkr.co/edit/D5AL8DTnqYI2g23wjE7W?p=preview):

您忘记加载 AngularJS(在 <head></head 之间)。你忘了加 ng-app ,我把它加在 body 上。我在 config.js 中做了一些更改:

function AppRouter($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/login');
$stateProvider
.state('/', {
templateUrl: 'login.html',
controller: 'LoginController',
controllerAs: 'vm',
})
.state('login', {
url: '/login',
templateUrl: 'login.html',
controller: 'LoginController',
controllerAs: 'vm',
});
}

我添加 urllogin状态,我对 otherwise 进行了更改功能:我改了login/login因为它需要 URL,而不是状态名称。我认为你过度配置你的应用程序有点(模块太多),这让我很难阅读,但这只是我的意见,坦率地说,也许这只是因为我不经常使用模块。尝试将此更改添加到您的 Plunk 中,如果它不起作用请写信,以免我不小心跳过某些内容。

关于javascript - 使用 ui-router 的基本 Angular 应用程序不会加载登录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43160252/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com