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

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

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

(0)
上一篇 2022年3月3日 下午1:00
下一篇 2022年3月3日 下午1:00


相关推荐

  • python定义全局变量方法_python定义全局变量的方法是什么

    python定义全局变量方法_python定义全局变量的方法是什么python 定义全局变量的方法是什么发布时间 2020 09 0110 15 43

    2026年1月24日
    3
  • SpringBoot项目整合支付宝

    SpringBoot项目整合支付宝SpringBoot 项目整合支付宝进行支付在盈利性网站应用中 我们经常要用到支付 支付宝和微信作为日常使用量较多的支付方式 无疑是大多数人的选择 今天我们选择支付宝为例子来讲解一下怎么在 SpringBoot 中进行整合 先看一下整个项目的目录和整合后的效果 整个项目目录结构 项目整合效果 下面详细来完成此工程 1 登录支付宝进行申请 图中

    2026年3月17日
    1
  • 电子元器件分销10亿俱乐部[通俗易懂]

    电子元器件分销10亿俱乐部[通俗易懂]2015中国本土元器件分销商10亿俱乐部成员:1、科通集团简介:科通集团创建于1995年,是中国最大的IC元器件分销商。总部设于深圳,并在香港和上海有分公司。科通为国内的OEM厂商、ODM厂商和EMS厂商提供范围广泛的电子元器件,其应用涉及无线通信、电信设备、企业网络、数字媒体、家庭娱乐、汽车电子、工业控制等等众多领域。销售额:2015年营收-约84亿元员工人数:约400人产品线:Xili…

    2022年6月22日
    76
  • 什么是Claude Code并行开发工作流

    什么是Claude Code并行开发工作流

    2026年3月12日
    2
  • SpringBoot自动装配原理(简单易懂)

    SpringBoot自动装配原理(简单易懂)1、什么是自动装配自动装配就是把别人(官方)写好的config配置类加载到spring容器,然后根据这个配置类生成一些项目需要的bean对象。(小声逼逼:就像我们自己在项目了写的config配置类一样的,只不过这个是别人写好的,你什么都不用管)2、自动装配的开关在哪里@SpringBootApplication|–@EnableAutoConfiguration|–@Import({AutoConfigurationImportSelector.class})在@Spri

    2025年5月31日
    5
  • windows自带的集群软件_服务器集群管理软件

    windows自带的集群软件_服务器集群管理软件MSCS,SAFEKIT,AUOTOSTART,LIFEKEEPER,ROSE

    2022年10月16日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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