angular.forEach内部的$(this)指向问题

最新推荐文章于 2022-07-12 10:08:51 发布
最新推荐文章于 2022-07-12 10:08:51 发布
阅读量391 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/u/2941129/blog/868177
版权

在angularJS的使用过程中，我们少不了将jquery和angular混合使用。

此时，如果我们定义了一个点击事件，并且在点击事件内部去使用angular自带的forEach方法。

此时我们会下意识的去使用$(this)来操作当前点击的DOM对象。

但是此时需要注意，在angular.forEach的内部，$(this)的指向并不是当前操作的DOM元素，而是直接指向了Window。

如下图：

104608_2C4d_2941129.png

此时，我们页面上打印出来的$(this)的指向是：

104716_oe1u_2941129.png

转载于:https://my.oschina.net/u/2941129/blog/868177

chongyane8438
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
angular.foreach 循环方法使用指南
12-01
1. **无终止循环**：`angular.forEach`没有提供类似于`break`或`return`来提前结束循环的功能，如果需要中断循环，通常需要在回调函数内部设置标志。 2. **性能**：虽然`angular.forEach`在大多数情况下表现良好，但...
Angular中typescript的this问题
wallowyou的博客
02-15 1607
Angular中typescript的this问题 1. 例子 在使用Angular的时候封装一个http请求模块，具体代码如下： import { Injectable } from '@angular/core'; import { HttpClient, HttpParams, HttpHeaders, HttpErrorResponse } from '@angular/common/ht...
Angular.forEach用法
知行合一
12-01 635
1.针对对象循环(key,value)var values = {name: 'misko', gender: 'male'}; var log = []; angular.forEach(values, function(value, key) { this.push(key + ': ' + value); }, log); expect(log).toEqual(['name: m
你就说，你明不明白JavaScript的关键字 this？
qq_35658349的博客
06-16 181
前言 最近，看了一篇关于JavaScript的关键字 this 的教学文章，收益甚多，因此，在这篇文章的基础上，稍微整理了一下，分享给大家。希望可以有助于学习JavaScript的童鞋，好好的理解 this 这个在JavaScript中最重要的关键字。 涵义 1. 定义 this就是属性或方法“当前”所在的对象。 this.property 上面代码中，this就代表property属性当前所在...
关于angular.forEach()的一点小心得
qq_36236621的博客
08-18 334
1，angular.forEach()无法跳出循环 2，angular.forEach() 可以得到值，而不是键，这与for循环不同。 $scope.searchObj.searchColumns = ['platformname','organizationname','dutyname']; angular.forEach($scope.searchObj.searchColumns,function (value) { console.log(value); });
前端开发之彻底搞懂this指向
青梅煮码
05-23 1111
this是JavaScript中的一个关键字，但是有一个相对比较特别的关键字，不像function、var、for、if这些关键字一样，可以很清楚的搞清楚它到底是如何使用的。this会在执行上下文中绑定一个对象，但是是根据什么条件绑定的呢？在不同的执行条件下会绑定不同的对象，这也是让人捉摸不定的地方。这一次，我们一起来彻底搞定this到底是如何绑定的吧！ 一. 理...
angular forEach方法遍历源码解读
08-31
3. `context`：可选参数，定义`iterator`函数执行时的上下文（`this`关键字指向的对象），如果不提供，则默认为全局对象（在浏览器中通常是`window`）。 `forEach`方法的实现首先检查`obj`是否为空。如果`obj`是一...
Angular工具方法学习
08-31
1. `angular.bind`: 这个方法允许你改变函数内部`this`的指向。例如，`angular.bind(obj2, obj1.show, ' is a object')`将`obj1.show`函数的上下文更改为`obj2`，并可以传递额外的参数。`a()`和`b()`的差异在于，`a`...
Angular2学习教程之组件中的DOM操作详解
08-30
this.todoNames.forEach(e => console.log(e.nativeElement.innerText)); console.log(this.todoName.nativeElement.innerText); } ``` `@ContentChild`和`@ContentChildren`与`@ViewChild`和`@ViewChildren`类似...
vue 使用forEach报错,this指向问题
weixin_42481234的博客
04-15 9713
getCrumbs(){ let crumbs = JSON.parse(localStorage.getItem( "crumbs" )); //[Vue warn]: Error in created hook: "TypeError: Cannot set property 'manageClass' of undefined" 报错 crumbs.forEach...
JavaScript (js) 的 forEach 中第二个参数 thisArg 的使用
lihaogn的博客
07-12 828
JavaScript (js) 的 forEach 中第二个参数 thisArg 的使用
forEach this 绑定
包磊磊的博客
03-14 2650
某不知来源的面试题一道： "use strict"; const a=[1,2,30]; const b=[4,5,60]; const c=[7,8,90]; a.forEach((function (){ console.log(this); }).bind(globalThis),b); // 输出什么？ 正确答案是： window window window 这道题的难点在...
解决在angular 中swiper 不能滑动问题
java_goodstudy的博客
11-28 6460
Swiper是目前较为流行的移动端触摸滑动插件，因为其简单好用易上手，受到很多前端开发者的欢迎。 > 首先提供一种方式 ： 监听 ng-repeat 渲染事件 当组件渲染完成时候 初始化 swiper 即可 下面是从网上看到的 今天在使用Swiper的时候遇到这个问题： 使用angularjs动态循环生成swiper-slide类，在swiper-wrapper里生成6个以上的滑
forEach循环改变this指向
weixin_44283589的博客
02-28 762
function foo(el) { console.log(el,this.id) } var obj = { id:'小明' } var nums = [1,2,3] nums.forEach(foo,obj) 输出的结果为 值的注意的是forEach循环数组的参数有两个一个是回调函数,另一个是this的指向 thisValue 可选。传递给函数的值一般用 “this” 值。 如果这个参数为空， “undefined” 会传递给 “this” 值里是引用 array.forEach
$.each()和$().each(),以及forEach()的用法
weixin_30617561的博客
02-17 295
1.forEach是js中遍历数组的方法，如下 var arr=[1,2,3,4];arr.forEach(function(val,index,arr){//val为数组中当前的值，index为当前值的下表，arr为原数组 arr[index]=2*val;});console.log(arr);//结果是修改了原数组，为每个数乘以2 2.$.each()是jquery中遍历...
angular.forEach的基本用法
guoyiq的博客
04-19 1069
angular.forEach的基本用法:一 、对一个对象数组来说$scope.tradingCertificate = [ { token: '59er14df1g3d2fg5f', Txhash: '56f4g6f4hfg46ffsdfs546sddfg', time: '2018.03.05' }, { ...
JavaScript 中的forEach()方法
热门推荐
HHyuang的博客
03-29 1万+
JavaScript 中的forEach方法一、forEach()的定义和用法？1.第一个是数组的每一项值（必选）2.第二个是数组下标（可选）3.第三个是原数组（可选）4.forEach()第二个参数对象 一、forEach()的定义和用法？ 1.forEach()方法用于调用数组的每个元素，并将元素传递给回调函数。 2.forEach()有三个参数，第一个是function()函数，第二个是对象； 3.函数里面有三个参数，第一个是数组的每一项值（必选），第二个是数组下标（可选），第三个是原数组（可选） 4
Angular.js的$q.defer()服务深度解析与异步应用
Angular中的Promise与jQuery的$.Deferred有相似之处，但它们在使用和设计上有所不同。在jQuery中，$.Deferred对象同样提供了resolve和reject方法，但它更强调链式调用，而在Angular中，$q服务更倾向于使用Promise的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值