getting started angularjs failed

Question

Not sure why is this not working

<body ng-app="main" id="homepage">
  <h1 ng-controller="homepageCtrl">hello {{test}}</h1>
</body>

JS

var app = angular.module("main", [])

.controller("homepageCtrl", function($scope) {
  $scope.test = "World!";
});

I alrdy did, look at this fiddle jsfiddle.net/Lt7aP/4, does it use the script tag? no right? — Haris Z
– Haris Z, Commented Jun 13, 2016 at 8:34

Pirate X · Accepted Answer · 2016-06-13 08:59:47Z

1

Your code is fine. It's the jsfiddle which was creating the trouble.

Switch the load type from onLoad to No Wrap - in <head> Just tested it on your fiddle. Works like a charm.

Why it works?
JsFiddle wraps the code in a ready or load event by default & Angular may not get what it needs in the global scope when compiling your code. No wrap in <head> just loads the script in the head, without a wrap.

Give this a read if you use jsfiddle a lot for Angular, it'll save you a lot time- Using jsFiddle with Angular

edited Jun 13, 2016 at 8:59

answered Jun 13, 2016 at 8:53

Pirate X

3,1156 gold badges40 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Subash · Accepted Answer · 2016-06-13 09:10:52Z

1

In Js Fidle Switch the load type from onLoad to No Wrap - in

answered Jun 13, 2016 at 9:10

Subash

2301 gold badge3 silver badges12 bronze badges

Collectives™ on Stack Overflow

getting started angularjs failed

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related