[AngulaJS,试图学习,但是发生了一些事情。初学者

问题描述 投票:0回答:1

由于我的工作,我试图学习旧的angularjs。由于某种原因,它确实注入了模块,而我不明白为什么。作为示例,我在这里可以正常工作,但是由于某种原因我的代码确实无效。我是编程的入门者。

这是我的代码:Index.html

`<!DOCTYPE html>
    <html ng-app="App">
    <head>
        <title>Hello World</title>
         <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
         <script src="Control\Controller.js"></script>
    </head>
    <body>
         <h1>Bem Vindo!</h1>
         <ul>
         <li><strong><a href="#/view">View</a></strong></li>
         </ul>
        <div ng-view="">
        </div>
    </body>
    </html> `

Controller

`var App = angular.module("helloWorld",["ngRoute"]);
App.config(function($routeProvider){

$routeProvider.when("/view",{
    templateUrl : "Views/view.html",
    controller : "helloWorldCtrl"
});
$routeProvider.otherwise({ redirecTo : "/index"});
}); 

App.controller("helloWorldCtrl", function($scope){
    $scope.message = "helloWorld";
});`

view

 `<div ng-controller="helloWorldCtrl">
        {{message}}
        {{messagee}}
    </div>`

错误:

  `angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=App&p1=Error%3A%20%5B%24injector%3Anomod%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.3.15%2F%24injector%2Fnomod%3Fp0%3DApp%0A%20%20%20%20at%20https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A6%3A417%0A%20%20%20%20at%20https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A21%3A412%0A%20%20%20%20at%20a%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A21%3A53)%0A%20%20%20%20at%20https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A21%3A296%0A%20%20%20%20at%20https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A35%3A46%0A%20%20%20%20at%20r%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A7%3A302)%0A%20%20%20%20at%20g%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A34%3A399)%0A%20%20%20%20at%20ab%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A38%3A135)%0A%20%20%20%20at%20d%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A17%3A381)%0A%20%20%20%20at%20uc%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A18%3A179)
        at angular.js:38
        at angular.js:4138
        at r (angular.js:323)
        at g (angular.js:4099)
        at ab (angular.js:4025)
        at d (angular.js:1452)
        at uc (angular.js:1473)
        at Jd (angular.js:1367)
        at angular.js:26304
        at HTMLDocument.a (angular.js:2762) `
javascript angularjs model-view-controller view
1个回答
0
投票

您在这里给了世界而不是App

var App = angular.module("App",["ngRoute"]);
App.config(function($routeProvider){

$routeProvider.when("/view",{
    templateUrl : "Views/view.html",
    controller : "helloWorldCtrl"
});
$routeProvider.otherwise({ redirectTo : "/index"});
}); 

App.controller("helloWorldCtrl", function($scope){
    $scope.message = "helloWorld";
});
© www.soinside.com 2019 - 2024. All rights reserved.