ng-click does not work in AngularJS

Question

Below is the code. The click event does not work. in ng-click i have included "insertTom()".

GOOGLE CDN : https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js

  var myAppModule = angular.module('myApp', []);

  var students = [{name:'Mary Contrary', id:'1'},

                  {name:'Jack Sprat', id:'2'},

                   {name:'Jill Hill', id:'3'}];

  function StudentListController($scope) {

      $scope.students = students;

      $scope.insertTom = function () {

      $scope.students.splice(1, 0, {name:'Tom Thumb', id:'4'});

  };

}

Did you define an ng-controller on the parent element that contains the ng-click. Please post your template file — Cory Silva
– Cory Silva, Commented May 16, 2014 at 1:19
The code is incomplete. We can't see your ng-click, the hook of the controller to your module etc. — Ofer Zelig
– Ofer Zelig, Commented May 16, 2014 at 1:19
@OferZelig I tried to post the html template but I could not find a way to post in the description. The html tags disappear when I copy and paste it into the description area — The Third
– The Third, Commented May 16, 2014 at 1:25

Cory Silva · Accepted Answer · 2014-05-16 01:30:52Z

1

<div ng-controller="StudentListController">
  <!-- content -->
  <button type="button" ng-click="insertTom()">Insert</button>
</div>

No problem, you will enjoy angular :)

answered May 16, 2014 at 1:30

Cory Silva

2,81120 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

ng-click does not work in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related