How to run AngularJS on JSFiddle?

Question

I have a trouble with starting an example in JSFiddle, it's simple code with AngularJS module, but I get a error with injecting module.

Javascript code:

angular
  .module('App', ['ngMaterial'])
  .controller('Ctrl', function($scope) {
    $scope.text = 'Hello';
  });

Html code:

<div ng-app="App" ng-controller="Ctrl">
  {{ text }}
</div>

Please, help me to fix it. Link to my JSFiddle

jsfiddle.net/rbhuce5z/15

Giovani Vercauteren
– Giovani Vercauteren

2016-12-20 13:11:04 +00:00
Commented Dec 20, 2016 at 13:11 — Giovani Vercauteren
– Giovani Vercauteren, Commented Dec 20, 2016 at 13:11

deChristo · Accepted Answer · 2016-12-20 13:11:47Z

2

You need to change you javascript Load Type configuration. For example:

No wrap - in <body> or <head>

Updated JSFiddle

edited Dec 20, 2016 at 13:11

answered Dec 20, 2016 at 13:08

deChristo

1,8882 gold badges21 silver badges30 bronze badges

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

2 Comments

Giovani Vercauteren Over a year ago

You don't need to set the framework there, he has it imported in the external resources this would create a warning stating you're trying to load multiple instances of angularjs.

deChristo Over a year ago

@GiovaniVercauteren, Did not see it. My bad. Thank you. Updated.

Collectives™ on Stack Overflow

How to run AngularJS on JSFiddle?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related