gpt4 book ai didi

javascript - Uncaught ReferenceError : app is not defined in Angularjs

转载 作者:可可西里 更新时间:2023-11-01 02:31:00 29 4
gpt4 key购买 nike

我遇到了这个错误。我查看了之前发布的答案,但仍然遇到同样的问题。

index.html

<html lang="en" ng-app="customersApp">
<head>

<link rel="shortcut icon" href="img/favicon.html">

<title>Vizavoo</title>

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-reset.css" rel="stylesheet">
<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />

<!--external css-->
<link href="css/slidebars.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<link href="css/style-responsive.css" rel="stylesheet" />


</head>

<body>

<div ng-view></div>



<!-- js placed at the end of the document so the pages load faster -->
<script src="scripts/angular.js"></script>
<script src="scripts/angular-route.js"></script>
<script src="app/app.js"></script>
<script src="app/controllers/loginController.js"> </script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>



</body>

<!-- Mirrored from thevectorlab.net/flatlab/login.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 08 Dec 2014 06:09:06 GMT -->
</html>

应用程序.js

(function(){

var app= angular.module('customersApp',['ngRoute']);

app.config(['$routeProvider',
function ($routeProvider) {
$routeProvider.
when('/login', {
title: 'Login',
controller: 'loginController',
templateUrl: 'app/views/loginuser.html'
})
.when('/logout', {
title: 'Logout',
templateUrl: 'partials/login.html',
controller: 'loginController'
})

.when('/dashboard', {
title: 'Dashboard',
templateUrl: 'app/views/dynamic_table.html',
controller: 'loginController'
})
.when('/signup', {
title: 'Signup',
templateUrl: 'app/views/registration.html',
controller: 'loginController'
})

.otherwise({
redirectTo: '/login'
});
}]);

}());

登录 Controller .js

app.controller('loginController', function ($scope,$http, Data) {
//initially set those objects to null to avoid undefined error
$scope.login = {};
$scope.signup = {};
$scope.doLogin = function (customer) {


$.post("http://dev.miniluxe.com:4002/email_login",
{

email : $scope.login.email,
password : $scope.login.password
},
function(data,status){


data = JSON.parse(data);
console.log(data);

if(data.log==1)
{

// window.location.href = "dashboard";
$location.path('dashboard');
}
else
{


alert("wrong username and password");
}


});


};

$scope.logout = function () {
Data.get('logout').then(function (results) {
Data.toast(results);
$location.path('login');
});
}
app.filter('startFrom', function() {
return function(input, start) {
if(input) {
start = +start; //parse to int
return input.slice(start);
}
return [];
}
});






});

请检查代码并告诉我哪里出错了。

最佳答案

看起来所有其他答案都来自不了解 Angular JS 且仅了解 Javascript 的人。它们都给出相同的错误答案,这可能会导致代码正常工作,但会引入不良做法。

将您的代码包装在匿名函数中没问题!

这不是问题。问题是您将 Controller 放在一个单独的文件中,但忘记也将它放在一个单独的模块中。

登录 Controller .js

angular.module('customersApp.loginController',[])

.controller('loginController', function ($scope,$http, Data) {
...
});

应用程序.js

var app= angular.module('customersApp',['ngRoute','customersApp.loginController']);

这个答案得到了官方 Angular 文档中也提到的 Angular 种子项目的支持:https://github.com/angular/angular-seed

关于javascript - Uncaught ReferenceError : app is not defined in Angularjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27718762/

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