CODEWITHSUNDEEP
javascriptangularjs
Paritosh
Paritosh

Reputation: 4503

html page can not find angular

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>

Upvotes: 0

Views: 168

Answers (2)

Praveen Kumar Purushothaman
Praveen Kumar Purushothaman

Reputation: 167182

You gave <script> inside <title>?

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

Please remove it outside.

Upvotes: 1

Shawn Northrop
Shawn Northrop

Reputation: 6016

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>
.....

Upvotes: 2

Related Questions