Page 162

data_art · May 19th, 2015, 01:08 PM

I'm using AngularJS 1.3 on IE9 with the following html:

HTML Code:

<!doctype html>
<html ng-app="myApp">
<!-- Directives-Basics -->
 <head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Data Binding with Buttons</title>
 
  <script src="angular.js"></script>
 
 </head>
 
 <body>
 
  <!-- Angular is loaded before the Angular Functions -->
 
  <h1>0403 - Directives Basics with ng-click</h1>
  <div my-ng-click>Increment Counter</div>
 
  <!-- Angular Functions -->
  <script type="text/javascript">
   // Main Application Module
   var appModule = angular.module("myApp", []);
 
    appModule.directive('myNgClick', function() {
 
     return function(scope, element, attributes) {
 
      // alert(element);
      // alert(attributes("my-ng-click"));
 
      element.click(function(){
 
       scope.$eval(attributes.myNgClick);
       scope.$apply();
 
      });
 
      alert(scope);
 
     };
 
    });
 
  </script>
 
 </body>
 
 <!-- Root Scope -->
 <!-- $scope = a place to store the data for this view -->
 
 <!-- Directives -->
</html>

I get the following error on the console:

TypeError: Object doesn't support property or method 'click'<div my-ng-click="">

How do I fix this error?

dougal83 · July 18th, 2015, 01:41 AM

Method 'click' is a jquery function and is not native to angularjs. If you compare the chapter code to your example then you can see that you've omitted the script reference to import jquery.

<script src="https:////ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

You'll also solve a lot of issues by uninstalling IE.

Shauma · December 16th, 2015, 07:24 PM

Quote:

Originally Posted by data_art

TypeError: Object doesn't support property or method 'click'<div my-ng-click="">

How do I fix this error?

I get the same thing with IE 11. If you use ng-click instead of my-ng-click, it'll work, but it rather defeats the whole purpose of the example. I've spent about an hour on this, and have decided that I'm going to stop wasting my time and go back to running the examples in Chrome. My experience with the book has been the Chrome works better, excepting the things that don't work in Chrome but do work in IE, and that Firefox doesn't work at all.

In my workplace we're ditching IE for Chrome.