AngularJS in JSFiddle?

Question

There must be something else I need to do here, but I'm not sure what.

<div ng-app="theApp">
    <p> 1 + 2 = {{ 1 + 2}} </p>
</div>

var theApp = angular.module("theApp", []);

With AngularJS 1.2 added is giving:

1 + 2 = {{ 1 + 2 }}

If I remove the ng-app attribute, then it gives the expected result.

charlietfl · Accepted Answer · 2015-08-03 23:53:32Z

1

Your angular module code needs to be accessible outside of any dom loading event that is set by default in jsfiddle

Just select No wrap in head from top left dropdown instead of the default ondomReady

answered Aug 3, 2015 at 23:53

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Comments

Sushanth -- · Accepted Answer · 2015-08-03 23:35:41Z

1

Change

<div ng-app="theApp">

to

 <div ng-app="">

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

answered Aug 3, 2015 at 23:35

potatopeelings

41.2k8 gold badges97 silver badges121 bronze badges

But my next step is to actually have an app.