AngularJS:ng-click 不起作用 [英] AngularJS : ng-click not working

查看：42
本文介绍了AngularJS:ng-click 不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我是 AngularJs 的新手，ng-click 没有按预期工作.我在互联网上搜索，按照教程进行操作，(有效)-但这不起作用！！！

我的代码:

<ons-col class="views-row" size="50" ng-repeat="关注者中的数据" ><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>

这是我的控制器

//跟随控制器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;控制台日志(dataFromServer)；//警报(数据从服务器)；$scope.showDetail = 函数(索引){profileusertoken = 索引；$scope.ons.navigator.pushPage('profile.html');}函数 showDetail2(index) {警报(这里")；}$scope.showDetail2 = showDetail2;});});

无论是 showDetail 还是 showDetail2请帮忙谢谢

解决方案

看看这个 笨蛋

HTML:

<html ng-app="app"><头><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><body ng-controller="FollowsController"><div class="row" ng:repeat="follower in myform.all_followers"><ons-col class="views-row" size="50" ng-repeat="关注者中的数据"><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>

</html>

Javascript:

var app = angular.module('app', []);//跟随控制器app.controller('FollowsController', function($scope, $http) {var ukey = window.localStorage.ukey;//警报(数据从服务器)；$scope.showDetail = 函数(索引){profileusertoken = 索引；$scope.ons.navigator.pushPage('profile.html');}函数 showDetail2(index) {警报(这里")；}$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"}]];});

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: 

<div class="row" ng:repeat="follower in myform.all_followers | partition:2">
    <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>

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

解决方案

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

这篇关于AngularJS:ng-click 不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
前端开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆