AngularJS自己定义标签加入回调函数eval()

AngularJS自己定义标签加入回调函数eval()

大家好,又见面了,我是全栈君。

function helloworld(name){ 
	console.log("hello!!!!!"+name)
} 
var name="zhangsan";
eval("helloworld(name)"); 

代码粘贴到谷歌的控制台能够看到

hello!!!!! zhangsan

能够使用这个功能—-返回用户选择的某行数据。

<smcs-search-input-table table-uniqueflag="b" table-resultjson="jsonresulta" table-showcols="showtablecolsa"  table-temprow="6" 
table-querycol="0,1" table-outcol="0" table-callback="gettabledata(data)" resultcache="true" >
</smcs-search-input-table>

gettabledata(data)是用户自己定义函数。我会在directive封装标签的里面调用这个行数,把用户选择的某行数据以json对象返回给data.

</pre><pre name="code" class="javascript">//双击某行时,把选中的数据输出 
$scope.selectRow = function (id){
	if(id==1){
		return;//标题行
	}
	var trtdid="#"+tableuniqueflag+""+id+(parseInt(tableoutcol)+1);//取id
	var trtdval=$(trtdid).text();//取值
	var trtdidarray=new Array();//<td>id数组
	//trtdidarray = ["#b41", "#b42", "#b43"]
	var trtdvalarray=new Array();//<td>中内容数组
	//trtdvalarray=["a王武", "男", "北京"]
	for(var i=0;i<cells;i++){
		trtdidarray[i]="#"+tableuniqueflag+""+id+(parseInt(i)+1);		
		//表格一行的数据
		trtdvalarray[i]=$(trtdidarray[i]).text();
	}
	console.log(colattrs);
	//colattrs=["testname", "sex", "addr"]
	
	//json格式 { "testname": "a张三", "sex": "男","addr":"天津","tel":"138"}
	data="{"
	for(var j=0;j<cells;j++){
		data=data+'\"'+colattrs[j]+'\"'+":"+'\"'+trtdvalarray[j]+'\"';
		if(j<(cells-1)){
			data=data+","
		}
	}
	data=data+"}"
	//调用用户再app.controller中定义的回调函数。
	$scope.tablecallbackfun(JSON.parse(data));
	//把选中的项填写到输入框
	document.getElementById("inputable"+tableuniqueflag).value = trtdval;
	$(mydivlocation).css('display','none');
}
 //选中某行并将值的字符串返回父页面
$scope.tablecallbackfun = function(data){
	eval("$scope."+tablecallback);
}

app.controller

(function(){
	var app = angular.module('SMCS.App');
	
	app.controller('MedicareInstitutionInfoMaintainCtrl', ['$scope','$http', 'BaseURL','$modal','Modal',function($scope,$http,BaseURL,$modal,Modal){


		//后台返回数据
		$scope.jsonresulta = [{ "testname": "a张三", "sex": "男","addr":"天津","tel":"138"},
			{ "testname": "a张狗", "sex": "男","addr":"上海","tel":"138"},
			{ "testname": "a王武", "sex": "男","addr":"北京","tel":"138"},
			{ "testname": "a张武", "sex": "男","addr":"北京","tel":"138"},
			{ "testname": "a花木兰", "sex": "女","addr":"北京","tel":"138"}
			];
		
		$scope.showtablecolsa = [
			{ label: '姓名', map: 'testname'},
			{ label: '性别', map: 'sex'},
			{ label: '住址', map: 'addr'}
			];
		
		$scope.gettabledata = function(data){
			//data json对象,能够取里面的属性,相比原来返回一个值更灵活
			console.log("sex==="+data.sex);
		}
		
	}]);
	
})()

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/108489.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 进程和线程的主要区别(总结)

    进程和线程的主要区别(总结)根本区别:进程是操作系统资源分配的基本单位,而线程是任务调度和执行的基本单位在开销方面:每个进程都有独立的代码和数据空间(程序上下文),程序之间的切换会有较大的开销;线程可以看做轻量级的进程,同一类线程共享代码和数据空间,每个线程都有自己独立的运行栈和程序计数器(PC),线程之间切换的开销小。所处环境:在操作系统中能同时运行多个进程(程序);而在同一个进程(程序)中有多个线程同时执行(通过CPU调…

  • 协方差公式推导_二维正态分布cov协方差公式

    协方差公式推导_二维正态分布cov协方差公式协方差公式推导cov(X,Y)=∑ni=1(Xi−X¯)(Yi−Y¯)n=E[(X−E[X])(Y−E[Y])]cov(X,Y)=\frac{\sum_{i=1}^{n}(X_i-\bar{X})(Y_i-\bar{Y})}{n}=E[(X-E[X])(Y-E[Y])]=E[XY−E[X]Y−XE[Y]+E[X]E[Y]]=E[XY-E[X]Y-XE[Y]+E[X]E[Y]]因为均值

    2022年10月22日
  • navicate 15激活码获取【2022最新】2022.02.06

    (navicate 15激活码获取)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html…

  • RO38 –比较RemObjects SDK 通道「建议收藏」

    RO38 –比较RemObjects SDK 通道「建议收藏」 RO38–比较RemObjectsSDK通道                                  本文汇总了RemObjectsSDK提供的通道:最通用的通道1)HTTP通道:使用www超文本传输协议的灵活,网络无关的通信.2)SuperTCP通道:在客户端服务端灵活通用的双向传输

  • Facebook时序预测工具Prophet实战分析

    Facebook时序预测工具Prophet实战分析引言去年Facebook开源了一套时序预测工具叫做Prophet。Prophet是一个预测时间序列数据的模型。它基于一个自加性模型,用来拟合年、周、季节以及假期等非线性趋势。它在至少有一年历史数据的日常周期性数据,效果最好。Prophet对缺失值,趋势的转变和大量的异常值是有极强的鲁棒性。Prophet中文翻译是:“先知”。名字还是挺贴切的。在看完本篇文章后,你将会知道:

  • pycharm安装pyside2_python pycharm安装

    pycharm安装pyside2_python pycharm安装一、Python IDE安装 python的IDE软件多种多样,可自行选择;下面是来自知乎9种ide的推荐:(https://zhuanlan.zhihu.com/p/26146374 点击打开链接) pycharm 下载地址:https://www.jetbrains.com/pycharm/download/#section=windows1.首先从网站下载pycharm:…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号