javascript - 无法解析父节点自定义属性

Question

我有一个容器 div，其中有一个自定义数据属性 data-gid。单击该 div 内的元素时，我需要获取父 div 的自定义属性。

HTML

     <div ng-repeat="(key, qn) in list >
     <div data-gid="{{ qn.id }}" >
        <div id="child1">
           <button ng-click="getParents($event);">Click</button>
         </div>
     <div>
    </div>

JS

$scope.getParents = function(evt){
  var elem = evt.target.parentNode.getAttribute('data-gid');
  console.log(elem); 
}

问题是我总是将 data-gid 获取为 null。 当我检查时

console.log(evt.target.parentNode)

我得到的是

<div data-gid="" >

那么这里的问题是什么？

Answer 1

将 gid 参数传递给函数

<div ng-repeat="(key, qn) in list >
 <div data-gid="{{ qn.id }}" >
    <div id="child1">
       <button ng-click="getParents(qn.id);">Click</button>
     </div>
 <div>
</div>




 $scope.getParents = function(gid){      
  console.log(gid); 
}