JSfiddle上的Angular示例

时间:2016-07-14 06:25:17

标签: javascript jquery angularjs

我无法让simple Angular example工作。

我收到了未捕获的错误:[$ injector:modulerr]无法实例化模块应用

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

我在这里做错了什么?

由于

1 个答案:

答案 0 :(得分:1)

点击小提琴中的Javascript按钮,然后选择加载类型为No wrap in <head>No wrap in <body>选项。

轰!错误消失了:)

请参阅此小提琴:https://jsfiddle.net/varit05/mhnLL6ro/

干杯!