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

在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);    
		};

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

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭