2016-07-14 25 views
0

Ich kann das simple Angular example nicht zum Funktionieren bringen.Eckiges Beispiel auf JSfiddle

Ich erhalte nicht erfasste Fehler: [$ Injektor: modulerr] Fehler beim Modul App instanziiert

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); 
    }; 
    }); 

Was mache ich hier falsch ?

Dank

Antwort

1

Klicken Sie auf Javascript Taste in Geige und wählen Sie den Typ Load No wrap in <head> oder No wrap in <body> Option.

Und Boom! Fehler sind weg :)

Siehe diese Geige: https://jsfiddle.net/varit05/mhnLL6ro/

Prost!

+0

2 Sekunden später :) toller Fang – Tonino

+0

@Tonino Danke :) – varit05

Verwandte Themen