angularjsのng-click関数の要素の属性を取得する

Question

以下のようなスパンタグがあり、これをクリックするとコントローラ内の関数が呼び出されます。

HTML

<div class="row" ng-repeat="event in events"> 
    <div class="col-lg-1 text-center"> 
     <span class="glyphicon glyphicon-trash" data={{event.id}} ng-click="deleteEvent()"> 
     </span> 
    </div> 
</div> 

コントローラ

$scope.deleteEvent=function(){ 
    console.log(this); 
} 

私は、コントローラ機能のデータ属性の値を取得する必要があります。私はこのキーワードと$イベントを使ってみました。どちらも働かなかった。

助けてください。

Answer 1

はNGクリック機能に直接渡して試してみてください。

<div class="col-lg-1 text-center"> 
    <span class="glyphicon glyphicon-trash" data="{{event.id}}" 
      ng-click="deleteEvent(event.id)"></span> 
</div> 

その後、それはあなたのハンドラ内で利用可能であるべきである：

$scope.deleteEvent=function(idPassedFromNgClick){ 
    console.log(idPassedFromNgClick); 
} 

ここan example

Answer 2

さらにシンプル、合格です$eventオブジェクトをng-clickに割り当てると、イベントプロパティにアクセスできます。例として：exampleDataを返します

var dataValue = obj.target.attributes.data.value; 

：

<a ng-click="clickEvent($event)" class="exampleClass" id="exampleID" data="exampleData" href="">Click Me</a> 

あなたclickEvent() = function(obj) {}関数内で、あなたは、このようにdata値にアクセスすることができます。

ここにはfull jsFiddleがあります。

Answer 3

ブレットDeWoodyの答えに加えて：（更新されるようになりました）

var dataValue = obj.srcElement.attributes.data.nodeValue; 

IE（9+）とChromeで動作罰金が、FirefoxはsrcElementプロパティを知りません。 私が見つかりました：

はIE、ChromeとFFで

var dataValue = obj.currentTarget.attributes.data.nodeValue; 

作品、私はサファリをテストするものではありませんでした。