2016-06-20 5 views
0

:I行のエントリを編集できるように明確にするために私のtypescriptファイル(angularjsコントローラ機能)typescriptからtd要素をクリックするとtr要素を取り出す方法は?私のHTMLファイルに

public onEditButtonClick() {} 

<tbody id="tableBody"> 
    <tr ng-repeat="item in redirectsCtrl.csvData"> 
      <td style="text-align:center;">{{item.sourceURL}}</td> 
      <td style="text-align:center;">{{item.redirectURL}}</td> 
      <td style="text-align:center;" ng-click="redirectsCtrl.onEditButtonClick()"><i class="glyphicon glyphicon-pencil"></i></td> 
      <td style="text-align:center;"><i class="glyphicon glyphicon-trash"></i></td> 
    </tr> 
</tbody> 

、編集ボタンは、基本的に設計されています私は行のエントリにアクセスする必要があります。編集ボタンをクリックすると、関連付けられたtr要素が必要になりますが、$(this)を使用して、コンテキストスコープのためにクリックされた要素(およびその親要素)をtypescriptで取得することはできません。

ご協力いただければ幸いです!

+0

あなたは特定の行または何の 'item'値を取得したいですか? –

+0

要素自体を取得したい(ng-click時に編集ボタンのtd要素) – gwhiz

答えて

1

ような角度は、単純に、表示コントローラ内のデータに操作することができず、MVCフレームワークです:に

<td ng-click="redirectsCtrl.onEditButtonClick()">...</td> 

:この行を返す

<td ng-click="redirectsCtrl.onEditButtonClick(item)">...</td> 

とあなたのコントローラにあなたのものを行います:

onEditButtonClick(item) { 
    item.someProp = "someValue" 
    }