angularJs 模拟jQuery中的this

Posted 撒哈拉的雪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularJs 模拟jQuery中的this相关的知识,希望对你有一定的参考价值。

 

 

在angularJs中,this指向$scope!可以$event配合使用$(event.target)实现,代码如下:

 

html部分:

<p ng-click="testClick($event)">testClick1</p>

 

Js部分:

$scope.testClick=function (event) {
    console.log($(event.target).html());
}

 

但这里有个问题:,比如:

 

这里,只有在点击在p元素本身是,才能改变p 的 active,要是点击在i元素上,就只能改变i,也就是说这里的$event只是触发元素本身,并不存在类似dom里的冒泡。

 

以上是关于angularJs 模拟jQuery中的this的主要内容,如果未能解决你的问题,请参考以下文章

Jquery 和 AngularJS 路由

将 jQuery 函数编写为 AngularJS 指令

AngularJS 1.6 + ES6 - 将jquery ui-grid回调数据返回给控制器[duplicate]

AngularJS中的jQuery - jqlite

对 AngularJs 的理解

AngularJS 中的 JSONP 请求不像 jQuery 那样工作