AngularJS ng-click not working

Question

I am new in AngularJs  ng-click is not working as expected  I searched on the internet   Follow the tutorial    that was working  - but this is not working     My Code     lt div class  row  ng repeat  follower in myform all followers   partition 2  gt       lt ons-col class  views-row  size  50  ng-repeat  data in follower   gt           lt img ng-src  http   dealsscanner com obaidtnc plugmug uploads   data token   thumbnail   data Path    alt    data fname    ng-click  showDetail2 data token    gt           lt h3 class  title  ng-click  showDetail2  ss    gt   data fname   lt  h3 gt       lt  ons-col gt   lt  div gt    Here is my controller     Follows Controller app controller  FollowsController   function  scope   http        var ukey   window localStorage ukey        scope myform           scope myform reports           http defaults headers post  Content-Type      application x-www-form-urlencoded       var dataObject    usertoken   ukey      var responsePromise    http post server url  follows    dataObject          responsePromise success function dataFromServer  status     headers  config             scope myform all followers   dataFromServer          console log dataFromServer              alert dataFromServer            scope showDetail   function index                profileusertoken    index               scope ons navigator pushPage  profile html                        function showDetail2 index                alert  here                        scope showDetail2   showDetail2                Niether showDetail working nor showDetail2 Please help Thanks

User · Answer

It just happend to me  I solved the problem by tracing backward from the point ng-click is coded  Found out that an extra    lt  div gt     was placed in the html to prematurely close the div block that contains the ng-click   Removed the extra    lt  div gt     then everything is working fine

User · Answer

Just add the function reference to the  scope in the controller   for example if you want the function MyFunction to work in ng-click just add to the controller   app controller  MyController      scope   function  scope        scope MyFunction   MyFunction

User · Answer

Have a look at this plunker  HTML    lt  DOCTYPE html gt   lt html ng-app  app  gt      lt head gt       lt script data-require  angular js 1 3 0-beta 16  data-semver  1 3 0-beta 16  src  https   code angularjs org 1 3 0-beta 16 angular min js  gt  lt  script gt       lt link rel  stylesheet  href  style css    gt       lt script src  script js  gt  lt  script gt     lt  head gt      lt body ng-controller  FollowsController  gt       lt div class  row  ng repeat  follower in myform all followers  gt         lt ons-col class  views-row  size  50  ng-repeat  data in follower  gt           lt img ng-src  http   dealsscanner com obaidtnc plugmug uploads   data token   thumbnail   data Path    alt    data fname    ng-click  showDetail2 data token     gt           lt h3 class  title  ng-click  showDetail2  ss    gt   data fname   lt  h3 gt         lt  ons-col gt       lt  div gt     lt  body gt    lt  html gt    Javascript   var app   angular module  app          Follows Controller app controller  FollowsController   function  scope   http        var ukey   window localStorage ukey        alert dataFromServer        scope showDetail   function index            profileusertoken    index           scope ons navigator pushPage  profile html                function showDetail2 index            alert  here                scope showDetail2   showDetail2       scope myform           scope myform reports           http defaults headers post  Content-Type      application x-www-form-urlencoded       var dataObject    usertoken   ukey        var responsePromise    http post  follows    dataObject            responsePromise success function dataFromServer  status     headers  config          scope myform all followers      fname   blah     fname   blah     fname   blah     fname   blah

User · Answer

i tried using the same ng-click for two elements with same name showDetail2  abc    it is working for me   can you check rest of the code which may be breaking you to move further   here is the sample jsfiddle i tried

User · Answer

For ng-click working properly you need define your controller after angularjs script binding and use it via  scope

[javascript] AngularJS : ng-click not working

Examples related to javascript

Examples related to angularjs

Examples related to angularjs-ng-click