AngularJS的ng-click传参

 1 <ul id="dataSet" ng-repeat="item in infos" ng-model="dataSet">
 2     <li ng-click="sentOutQuery(‘{{item.detailId}}‘)" >
 3         <div class="voucherLeft">
 4             <p class="p1">{{item.transAmount}}</p>
 5             <p class="p2">已分配:<span >{{item.usePoints}}</span></p>
 6         </div>
 7         <div class="voucherRight">
 8             <p class="p3">授信方:<span>{{item.rollOutAccountName}}</span></p>
 9             <p class="p4">授信日期:<span>{{item.createTime}}</span></p>
10         </div>
11     </li>
12 </ul>
//js代码1 $scope.sentOutQuery = function(sourceDetail){
2     var expiresDate= new Date();
3     expiresDate.setTime(expiresDate.getTime() + 2*1000);
4     $cookieStore.put("sourceDetailId", sourceDetail,{expires : expiresDate});
5     console.log(sourceDetail);
6     window.location.href=‘sentOutQuery.html‘;
7 }
ng-click="sentOutQuery(‘{{item.detailId}}‘)" 这样虽然在页面上debugger能看到传的参数值,但是这样事件点击无效,如下图;

只有将点击事件中的参数直接引入才能在对应的JS代码中获取该参数

时间: 2024-08-05 17:50:21

AngularJS的ng-click传参的相关文章

AngularJS $http 之 POST 传参

方法來源:http://victorblog.com/2012/12/20/make-angularjs-http-service-behave-like-jquery-ajax/ $http服务($http.post()等等)不与jQuery等同(jQuery.post()等), 区别在于jQuery和AngularJS如何序列化和传输数据.从根本上来说,问题在于的服务器语言选择无法理解AngularJS的传输本地... 默认情况下,jQuery传输数据使用  Content-Type: x-

关于angularjs的$state.go()与ui-sref传参问题

上次转发过关于angularjs回退的文章,回退用到的还是js的回退功能,直接用history.back();实现功能,当时顺便提了下$state.go()有关路由跳转. 那这回就全面解析下$state.go():的功能. 下面是简写的步骤: 1.在目标页面规定接受的参数:$stateProvider.state('page2', {params: {'data': null}}); 2.传参:$state.go('page2', {data: 'aaa'}); 3.目标页面接受参数:控制器注入

js动态绑定click事件时function传参问题

今天碰到了这样一个问题,我在javascript中动态创建了一个button, 然后我想给改button添加click事件,绑定的function想要传入一个变量参数, 一开始我想直接通过函数传参传进来,然而不知道为什么,click事件无法正常响应, 最后发现可以这么做,将需要传入的参数加入button的属性中,然后通过getAttribute()获得: 1 function add_book_panel(infor){ 2 //在这个函数中进行DOM元素操作,需要传入参数infor 3 - 4

夺命雷公狗—angularjs—22—bind改指向和传参方式

在angularjs中的传参的jquery的方式是极度相似的噢,而且还可以通过bind来改变指向 <!DOCTYPE html> <html lang="en" ng-app="myapp"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/angular.min.js&qu

jQuery与django传参

Get方式传参 Django中的代码如下: urls.py代码: from django.conf.urls import url from django.contrib import admin import AjaxTest.views urlpatterns = [ url(r'^admin/', admin.site.urls), url(r"^index/$",AjaxTest.views.index), ] views.py代码: from django.http impo

重构之路 组合查询之传参+存储过程

上篇博文给大家一起讨论了实现组合查询的一种方法,即在U层将select语句的where子句部分组装好,赋给一个字符串变量,传到D层然后与select子句组成完整的sql语句,之后执行,返回查询结果,就是这么简单,但是博文的结尾也留下了一个疑问,这种方法的安全性有点欠佳,有没有相对好一点的办法呢? 答案是肯定的,这次我们一起来看看我实现的另一种方法.首先给大家简单介绍一下这种方法的思路,其实也比较简单,最初我是想在程序代码里写sql查询语句的,然后将组合查询的各个条件的值当做实体参数(现在实体层定

WebApi传参总动员(一)

目前自己的工作和WebApi相关,免不了传入.接收参数.以前的老办法是从请求流中获取json,再反序列化,这中间有2个不能控制的地方,一个是流,一个是反序列化,都需要try,总感觉非常的不爽.因此对WebApi传参做了深入的研(bai)究(du). 正常的WebApi有三种接收参数的方式: 1.以json字符串的形式传入.从请求的输入流获取传入的json字符串,再反序列化成自己需要的实体.利用的是Request.InputStream. 2.以url传参的形式传入.WebApi自动转换成对应的实

使用call、apply和bind解决js中烦人的this,事件绑定时的this和传参问题

1.什么是this 在JavaScript中this可以是全局对象.当前对象或者任意对象,这完全取决于函数的调用方式,this 绑定的对象即函数执行的上下文环境(context). 为了帮助理解,让我们来一起看一段代码: // 作为对象方法调用 var test = { a : 5, b : 6, sum : function () { return this.a + this.b; // 此处this = test } } alert(test.sum()); // 11 作为对象调用时thi

spring的几个传参方法

[email protected] 通过URI template 样式映射时,使用@PathVariable <script type="text/javascript">$('#setButton').click(function() { $("#removeId").val(spId); $("#toolBarForm").attr("action","/test/"+$("#id

点击div 跳转并通过URL传参

点击div前要先给div绑定要传的参数: //给panel绑定自定义属性,方便在跳转时传带参数,键/值对排列 panel.attr("user_age",user_age); panel.attr("user_name",user_name); panel.attr("user_sex",user_sex); panel.attr('user_problem_dec',user_problem_dec); panel.attr('user_img