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

最新推荐文章于 2021-06-17 06:33:53 发布

假牙

最新推荐文章于 2021-06-17 06:33:53 发布

阅读量778

点赞数

分类专栏： Angularjs

Angularjs 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在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" οnclick="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);    
		};

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

优惠劵

假牙

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularjs 向元素内的方法传入自身

在js当中，是这样做的&lt;html&gt;&lt;body&gt;&lt;script&gt;function onClick(e){ var id=e.getAttribute("data-id"); var name=e.getAttribute("data-name"); alert("Id: ...
复制链接

扫一扫