AngularJS：NG-点击不工作 [英] AngularJS : ng-click not working
本文介绍了AngularJS：NG-点击不工作的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我在AngularJs新的，符合市场预期NG-点击不工作。我在互联网上搜索，按照教程，（这是工作） - 不过这是行不通的！
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!!!
我的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>
下面是我的控制器
//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工作也不showDetail2
请帮忙
谢谢
Niether showDetail working nor showDetail2 Please help Thanks
推荐答案
有一个看这个的 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：
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"}]];
//console.log(dataFromServer);
//});
});
这篇关于AngularJS：NG-点击不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
