html page can not find angular

Question

I have the below code in a html page, running it though I keep getting an error stating that "angular is not defined" I have included angular in the head so i'm not sure why it can't locate it, the url to angular i'm also able to hit directly.

 <!DOCTYPE> <html ng-app="test"> <head> <title> <script src="https://code.angularjs.org/1.2.25/angular.js"></script> </title> </head> <body ng-controller="TestController"> <form name="CopyFile" ng-submit="copy(fileId)"> <input type="text" ng-model="fileId"/> <input type="submit" value="Copy"/> </form> <div>{{ message }}</div> <div>{{ error }}</div> <script type="text/javascript"> (function () { var app = angular.module("test", []); var testController = function ($scope, $http) { $scope.copy = function (fileId) { $http.get("http://localhost/test/copy/prod.aspx/ToProd?fileId=" + fileId) .then(onComplete, onError); }; var onComplete = function (response) { $scope.message = response; }; var onError = function (reason) { $scope.error = "File could not be copied " + reason; }; }; app.controller("TestController", ["$scope", "$http"], testController); } ()); </script> </body> </html>

Answer 1

This may not be the cause but you don't want your angular include inside of your title. It should be something more like this:

<!DOCTYPE>
<html ng-app="test">
<head>
    <title>My Page</title>
    <script src="https://code.angularjs.org/1.2.25/angular.js"></script>
</head>
.....

Answer 2

You gave <script> inside <title> ?

<title>
    <script src="https://code.angularjs.org/1.2.25/angular.js"></script>
</title>

Please remove it outside.

html page can not find angular

Question

2 answers

solution1
2 ACCPTED 2015-06-26 19:30:59

solution2
1 2015-06-26 19:31:06

html page can not find angular

Question

2 answers

solution1 2 ACCPTED 2015-06-26 19:30:59

solution2 1 2015-06-26 19:31:06

solution1
2 ACCPTED 2015-06-26 19:30:59

solution2
1 2015-06-26 19:31:06