发表新帖
发表新帖

AngularJS : ng-click not working

后端 未结
关注
5 733
长发绾君心
长发绾君心 2020-12-17 07:54

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 Cod

相关标签:
5条回答
  • 清歌不尽
    2020-12-17 08:06

    Have a look at this plunker

    HTML:

    <!DOCTYPE html>
<html ng-app="app">

  <head>
    <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"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="FollowsController">
    <div class="row" ng:repeat="follower in myform.all_followers">
      <ons-col class="views-row" size="50" ng-repeat="data in follower">
        <img ng-src="http://dealsscanner.com/obaidtnc/plugmug/uploads/{{data.token}}/thumbnail/{{data.Path}}" alt="{{data.fname}}" ng-click="showDetail2(data.token)" />
        <h3 class="title" ng-click="showDetail2('ss')">{{data.fname}}</h3>
      </ons-col>
    </div>
  </body>

</html>

    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"}]];
});
    0 讨论(0)
  • 有刺的猬
    2020-12-17 08:13

    It just happend to me. I solved the problem by tracing backward from the point ng-click is coded. Found out that an extra 

    </div>

    was placed in the html to prematurely close the div block that contains the ng-click.

    Removed the extra 

    </div>

    then everything is working fine.

    0 讨论(0)
  • 伪装坚强ぢ
    2020-12-17 08:13

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

    0 讨论(0)
  • 我在风中等你
    2020-12-17 08:18

    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:

    0 讨论(0)
  • 广开言路
    2020-12-17 08:23

    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;
}]);
    0 讨论(0)
 看不清?
提交回复
热议问题