首页 > 解决方案 > 在我的水疗应用程序中出现“未捕获的错误:”

问题描述

索引.html:

<!DOCTYPE html>
<html ng-app="Dapp">
<head>
<meta charset="ISO-8859-1">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular-resource.min.js"></script>
<title>..::D_App:..</title>
</head>
<body ng-controller="LoginControl">
 <div id="ngView" ng-view style="padding: 0px;"></div>
<script type="text/javascript" src="Controllers/Controller.js"></script>
<script type="text/javascript" src="Controllers/LoginControl.js"></script>
</body>
</html>

控制器.js:

var app=angular.module('Dapp',['ngRoute']);
app.config(function($routeProvider) {
$rootProvider
.when("/", {templateUrl : "Pages/login.html",controller : "LoginControl"})
.when("/login", {templateUrl : "Pages/login.html" , controller:"LoginControl"})
});

登录控制.js:

app.controller('LoginControl',function($scope){
    alert("HELLO");
});

标签: angularjs

解决方案


您在Controller.js中的代码中有错字:

var app=angular.module('Dapp',['ngRoute']);
app.config(function($routeProvider) {
$rootProvider
.when("/", {templateUrl : "Pages/login.html",controller : "LoginControl"})
.when("/login", {templateUrl : "Pages/login.html" , controller:"LoginControl"})
});

将 $ rootProvider更改为$routeProvider,它应该可以工作


推荐阅读