angularjs 向元素内的方法传入自身

AngularJS+webapi前端项目 AngularJS+Bootstrap+webapi前后分离式框架,本项目是服务商系统小程序,用于参考 立即下载

在js当中,是这样做的

<html>
<body>


<script>


function onClick(e){                 

var id=e.getAttribute("data-id");              

  var name=e.getAttribute("data-name");               

  alert("Id: "+id+" ; Name: "+name);             }  
</script>
<div id="add" data-id="2" data-name="Google" onclick="onClick(this)">Click Me</div>  
</body>


</html>


在点击事件中可以获得元素的id等属性,为什么需要这样做而不是直接把这个id传进去呢(比如直接把add作为参数传进去函数),这是因为有的时候元素是动态生成的,其属性包括ID可能都不确定,所以需要传入自身进去,再在函数中获取值


但是这个在angularjs中没用,把this传进去后你会发现你只是获取到了scope

而正确的做法是这样

<button id="test" class="button button-balanced pull-right"  ng-click="test($event);" >test</button>
		$scope.test = function(event) {
		 var id=event.target.getAttribute("id");              
		 var className=event.target.getAttribute("class");                 
		 alert("Id: "+id+" ; className: "+className);    
		};

搜索了好久才找到的,虽然看起来好像挺简单的 

Angular-LINQ.zip Angular-LINQ.zip,语言集成查询的typescript实现(linq)(ecmascript 2015)该库是使用typescript和javascript语言的最新特性实现linq的持续努力(对于es5兼容库,请查看linq-es5分支)。这个库是用typescript实现的,并被转换成javascript。它作为本机模块分发。它使用最新的ecmascript 2015语言规范:iterables([system.iterator]),generators(function*),for of循环。所有相关方法都是通过延迟执行来实现的,因此不会执行不必要的迭代。,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发人员的web应用程序工作流。 立即下载

相关推荐

STorM BGC V1.31硬件+SimpleBGC固件:从零搭建三轴云台开发环境(Keil+JLink避坑指南)

本文详细介绍了如何从零搭建STorM BGC V1.31硬件+SimpleBGC固件的三轴云台开发环境,涵盖硬件连接、Keil+JLink开发工具配置、固件编译与烧录等关键步骤,并提供了常见问题的解决方案和调试技巧,帮助开发者快速上手三轴云台开发。

weixin_28693683的博客 381

html中js方法中如何传递本元素对象,JS HTML DOM (文档对象模型)

DOM简介当网页加载时,浏览器会创建页面的文档对象模型(DOM)。通过DOM,JS可以对HTML实现以下操作:改变页面中的所有HTML元素。改变页面中的所有HTML属性。改变页面中的所有CSS样式。对页面中的所有事件作出反应。DOM HTML获得HTML属性的三种方式通过id查找HTML元素x=document.getElementById("intro");document.write("文本来...

weixin_42169674的博客 1178

机器视觉中的特征提取【0】:什么是特征提取,特征提取有什么作用?

1.什么是特征提取? 特征提取的英文叫做feature extractor,它是将一些原始的输入的数据维度减少或者将原始的特征进行重新组合以便于后续的使用。简单来说有两个作用:减少数据维度,整理已有的数据特征。 这里我给一个例子来解释特征提取的第二个作用。那就是我们很熟悉的奖学金评定,我们知道学生的文化课成绩,道德分数,以及各种其他竞赛的成绩。摆在奖学金评定委员会面前的任务就是如何知道一个学生是否...

月下花弄影 5万+

vue, js 传递自身DOM元素,并添加class名称

vue, js 传递自身DOM元素,并添加class名称 element.classList.add('yourClass') 具体VUE示例如下: 1: vue 元素传递了本身 <p class="answer" @click.once="chooseFn($event.target)">{{ item.item1 }}</p> 2: vue 方法处理该元素,并添加 class名称 chooseFn: function (ele) { ele.classList.add

qq_38192709的博客 4199

Jenkins Job DSL:用代码管理CI/CD配置的实践指南

Jenkins 是持续集成(CI)领域的经典开源平台,其核心价值在于自动化构建与交付流程。然而传统 UI 配置方式导致配置不可版本化、难以复现、审计困难,严重制约团队规模化协作效率。Job DSL 作为一种声明式配置即代码(IaC)方案,通过 Groovy 脚本驱动 Jenkins 内部 API,实现 Job、View、Folder 等资源的程序化创建与维护,天然支持 Git 版本控制、权限审计与环境一致性保障。它不替代 Pipeline,而是与其协同构成‘流程定义’与‘基础设施定义’双轨体系,显著提升 C

weixin_33744141的博客 520

手把手教你学Simulink——基于Simulink的轮毂电机独立驱动转矩矢量分配

阐述了轮毂电机独立驱动的核心价值与转矩分配的必要性在 Simulink 中实现了完整的“上层稳定控制 + 下层最优分配”架构对比了三种分配策略在极限工况下的性能差异提供了工程落地的关键考量特斯拉 Cybertruck(后轮双电机矢量控制)Rivian R1T(四电机坦克掉头)宝马 iX(精准牵引力控制)核心思想“以软件定义底盘,以算法驾驭动力;化四轮之独立,为整车之协同。—— 让汽车在极限边缘依然从容不迫。

MHD0815的博客 371

如何在调用方法时,让方法中的参数指向元素本身

在这之前,我一直不知道调用方法的这个元素应该怎么表示,所以,一直以来,都是在方法中传入(′this′),但是我发现,几乎没见过大神在参数中传入过('this'),但是我发现,几乎没见过大神在参数中传入过(‘this’),痛定思痛!!!今天,我终于找到了解决的办法,当然,是好基友李佳阳告诉我的哈哈<!DOCTYPE html> <html> <head> <meta chars

perry 691

欧姆龙 CJ1W-SCU模块使用通配符+结束码实现非固定长度数据的接收

实验设备:CJ2M-CPU33、CJ1W-SCU21、XW2Z-200T 实验目的:了解 CJ1W-SCU 通配符使用 1.硬件接线: CJ1W-SCU21单元号拨码置于8,使用串口1(232口)。 2.软件设置: ① 新建工程,选择PLC型号CJ2M-CPU33,切换到编程模式,如下图: 、 ② 创建I/O并进行相关配置,如下图: ③ 设置为用户设置,协议宏模式,8位数据位,2位停止位,偶校验9600波特率,如下图: 、 ④ 打开CX-Protocal软件,新建工程: .

weixin_42118352的博客 1984

angularJs的工具方法

angularJs的工具方法 1.angular.iaArray() 返回true; 2. angular.iaElement() 支持判断JQ获取到的对象 3.angular.equals(a,b) 判断两个参数是否相等; var a=2; var b=2; console.log(angular.equals(a,b));//true var c=[]; var d=[]; console.log(angular.equals(c,d));//true var c=[1,2]; v...

xiaozhen0610的博客 183

【图像超分】论文复现:Pytorch实现SRCNN!保姆级复现教程!提供完整代码和最优权重模型(x2、x3、x4)!科研级论文曲线图!计算平均PSNR和SSIM!代码Windows和Linux都可用!

由于很多同学反应没用过jupyter notebook,更习惯用pycharm项目的形式跑代码。于是,本文将用pycharm项目的形式,重新复现SRCNN!【图像超分】论文复现:新手入门!Pytorch实现SRCNN,数据预处理、模型训练、测试、评估全流程详解,注释详细,简单修改就可以训练你自己的图像数据,有训练好的模型下载地址,随取随用。

主要更新底层视觉(去噪、超分等)相关的科研内容,形式为【论文精读】+【论文复现】 4703

TC3XX - MCAL知识点(十一):WDG EB-tresos配置说明与代码浅析

在AUTOSAR中,看门狗栈实现了三种监控机制:实时监控:用于周期软件的定时监控期限监督:针对非周期软件逻辑监督:用于监督执行顺序的正确性看门狗(WDG)驱动实现AUTOSAR(4.2.2)中规定的看门狗SWS,提供初始化、改变操作模式和设置触发条件(超时)等服务,供看门狗硬件(WDT)用户使用。WDG驱动的用户包括:模式管理模块(用于初始化),WdgM通过Wdglf设置触发条件和驱动运行模式设置。WdgM实施上述监督机制。AUTOSAR扩展触发概念,以支持窗口看门狗模式。

梦想技术家 3603

angularJS $scope的$watch方法监听model改变

$scope有个$watch方法,可以监听指定的model的改变,一旦model改变则触发(执行)传入其中的方法,该方法接收三个参数,如下 $scope.$watch('要监听的model名' , function(newValue,oldValue){  }, bool值指示是否监听的是对象), 其中newValue指向所监听的model,即两者是一回事,而oldValue则是所监听mode

xuanwuziyou的专栏 6585

Microsemi Libero系列教程(四)——PLL的使用

文章目录PLL是什么Libero中PLL的使用官方文档 系列教程:Microsemi Libero系列教程 PLL是什么 PLL(Phase Locked Loop): 为锁相回路或锁相环,用来统一整合时钟信号,使高频器件正常工作,如内存的存取资料等。PLL用于振荡器中的反馈技术。 许多电子设备要正常工作,通常需要外部的输入信号与内部的振荡信号同步。一般的晶振由于工艺与成本原因,做不到很高的频率...

whik1194的博客 7215

angularJS 方法整理(一)

1.angular.bind(格式:angular.bind(self(对象),fu(函数名),args(参数)) bind方法是将某个对象绑定到对应的方法中。 补充: $scope和var在声明变量时的区别: $scope声明的变量是angularJS自动帮你创建对象,主要用于数据的双向绑定,作用域主要是在controller或directive控制的模板区域,也就是在某个模板区域绑定上...

sunkwa的博客 315

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

js、Jquery、AngularJs中的extend方法

1、js中的extend(); http://www.cnblogs.com/5201314/archive/2009/05/22/1487213.html js虽然是脚本语言;但是同样支持与java、C#、C++等语言的继承;使用Object.extend()方法实现继承;Object.extend = function(destination, source) { for (

Four的博客 3038

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

Angularjs 中将api接口数据传入echarts关系图

Angularjs 中将api接口数据传入echarts关系图 最近在开发前端界面,考虑到如何更好直观形象的展示数据,让用户一眼就能看懂,于是公司大佬说让我去echarts 找一找关系图。 前景提要 由于之前端用的是angularjs,本人是前端小白,对angularjs也是刚入手,在网上找了很久,看看有没有大佬在使用过angularjs 中使用echarts,但数据都是静态数据,对我这种新手来说...

tigerOrtiger的博客 674

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

angularjs ng-click获取当前元素

在方法中传入$event,js中通过event.target获取当前元素。

qyshibb的博客 8317

使用AngularJS操作DOM(angular.element) angularJs中的jqLite

AngularJs是不直接操作DOM的,但是在平时的开发当中,我们有的时候还是需要操作一些DOM的,如果使用原生的JS的话操作过于麻烦,所以大家一般都是使用jQuery,jQuery虽然好用,但是AngularJs是不建议和JQuery同时使用的,所以AngularJs给我们也提供了一些操作DOM的方法———Jqlite。 查阅官方提供的api,可以看到使用方法是angular.element(ele),其中,允许传入的参数ele的类型是“HTML string or DOMElement to be w

未来之歌 858

angularjs请求$resource的5种基本操作方法

angularjs$resource的5种基本操作方法 angular请求资源有五种基本方法,分别是get,save,query,delete,remove 【HTTP GET类型的方法】 ①GET请求: get(params,successFn,errrorFn) 不定义具体的参数,get()请求通常被用来获取单个资源。 //GET let $com = $resource("api/user/getById.do"); $com.get(function(res){ //处

code_carrierV1的博客 1441

AngularJs1.x自定义指令独立作用域的函数传入参数

在定义指令的scope属性如果设置成了{},那就成为了一个独立作用域,如果要传入一个方法,使用&,但是这里的传参有点不一样。先看下官网解释: & or &attr - provides a way to execute an expression in the context of the parent scope. If no attr name is specified then the a

meloseven的专栏 2500

AngularJS基础 之 依赖注入的几种方法

本文参考AngularJs权威指南 概念依赖注入是一种设计模式,它可以去除对依赖关系的硬编码,从而可以在运行时改变甚至移除依赖关系。从功能上看,依赖注入会事先自动查找依赖关系,并将注入目标告知被依赖的资源,这样就可以在目标需要时立即将资源注入进去。AngularJS使用$injetor(注入器服务)来管理依赖关系的查询和实例化。 事实上, $injetor负责实例化AngularJS中所有的组件

Lxr的博客 5779

AngularJS(六)

今天开始学习AngularJS的调用内置服务的相关知识 ng有一种分层结构思想在里面 可以大致分为3层: 控制器层:这个就是加载controller()方法时候的控制器,一般代码量较少,轻薄 服务层:也被叫做service层,服务层负责完成前端的业务逻辑 DAO层:即数据访问层,根据不同位置的DAO有不同的工作,如果是在服务端编程中的,负责对数据库执行CRUD操作;如果是在前端编程中的话,就是负责和服务端通信,调用服务端API对服务端数据进行CRUD操作(CRUD指的是增加(Create)、读取查询(Ret

qq_43278421的博客 201

AngularJS中Directive传function,并调用

在Angularjs中,指令是个好东西,可以极大的提高代码的重用性,也可以使各个模块之间解耦,提高代码的可维护性。但是在实际开发中,仅仅用它来传递值是远远不够的,传递方法在很多情况下比传递值更加有效,下面我来介绍下如何往directiive中传递方法。 收先我们定义一个指令,用来执行controller中的一个方法 var app = angular.module('App'); ...

dalangzhonghangxing的专栏 3835

angularjs jsonp php,AngularJS中$http服务使用方法详解

这次给大家带来AngularJS中$http服务使用方法详解,AngularJS中$http服务的注意事项有哪些,下面就是实战案例,一起来看一下。我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。1、链式调用$http服务是只能接受一个参数的函数,这个参数是一个对象,包含了用来生成HTTP请求的配置内容。这个函数返回一个...

weixin_33592736的博客 220
上一篇: angular中实现控制器之间传递参数的方式
下一篇: 从零开始编写自己的C#框架(1)——前言
假牙
博客等级 码龄19年 69粉丝 3原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值