Angular is not defined error

Question

I am trying to create a login page and I have the html looking how I want it so now I am trying to create a controller but for some reason the js controller isnt working with the html. here is the plunker. The {{name}} data bind should display world but it isnt. Here is the controller:

(function() {
    "use strict";
    var app = angular.module('plunker', []);

    app.controller('LoginController', function($scope) {
        $scope.name = 'World';
    });

})();

http://plnkr.co/edit/mqc6ksw1xo7NMhj74Noa?p=preview

In the head of my html file I add the angularjs before i add the app.js script... is that what you mean? — Colleen Caffey, Jul 25 '15 at 14:55
@TimCastelijns it didnt got downloaded, thats what I meant, cause OP has error _Angular is not defined_ — vinayakj, Jul 25 '15 at 14:58

Sajeetharan · Accepted Answer · 2015-07-25T14:59:27.883

3

The issue is your angularjs link is not working , just replace with this,

  <script data-require="angular.js@*" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.min.js"></script>

Working code

edited Jul 25 '15 at 14:59

answered Jul 25 '15 at 14:54

Sajeetharan

216,225
63
350
396

`data-semver="2.0.0-alpha.31"`doesn't really apply anymore then – Tim Jul 25 '15 at 14:58
@TimCastelijns yes :) – Sajeetharan Jul 25 '15 at 14:59

score 0 · Answer 2 · answered Jul 25 '15 at 14:56

0

You have the wrong link so it can't load angular, change

https://code.angularjs.org/2.0.0-alpha.31/angular.js

to

https://code.angularjs.org/2.0.0-alpha.31/angular2.js

note the extra '2' at the end

answered Jul 25 '15 at 14:56

Tim

41,901
18
127
145

Angular is not defined error

2 Answers2