Angular example on JSfiddle [duplicate]

Question

I can't get this simple Angular example to work.

I'm getting Uncaught Error: [$injector:modulerr] Failed to instantiate module app

HTML:

   <div ng-app="app" ng-controller="Example"> 
      <input type="text" placeholder="#1 Main Odd" 
              ui-blur="testfn('data.mainOdd1', $event, '#1 Main Odd');">
    </div>

Javascript:

angular
  .module('app', [])
  .directive('uiBlur', function($parse) {
    return function(scope, elem, attrs) {
      elem.bind('blur', function(event) {
        scope.$apply(function() {
          $parse(attrs.uiBlur)(scope, {
            $event: event
          });
        });
      });
    };
  })
  .controller('Example', function($scope) {
    $scope.testfn = function(propertyName, $event, placeHolder) {
      debugger;    
      console.log(propertyName, $event);
    };
  });

What am I doing wrong here?

Thanks

Varit J Patel · Accepted Answer · 2016-07-14 06:30:35Z

1

Click on Javascript button in fiddle and select the Load Type to No wrap in <head> or No wrap in <body> option.

And Boom! Error is gone :)

Refer this fiddle : https://jsfiddle.net/varit05/mhnLL6ro/

Cheers!

edited Jul 14, 2016 at 6:30

answered Jul 14, 2016 at 6:27

Varit J Patel

3,5201 gold badge15 silver badges23 bronze badges

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

1 Comment

Tonino Over a year ago

2 seconds later :) great catch

Collectives™ on Stack Overflow

Angular example on JSfiddle [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related