AngularJSでリストやテーブルの各行にボタンを配置する
リストの各行、テーブルの各列、ナビゲーションバーの要素などにボタンやリンクを配置して、クリックされたら各行の内容に応じて処理を行いたいケースがあると思います。このよう場合、ng-repeat
とng-click
を使うとシンプルです。
HTML(jade)
ul li(ng-repeat="element in list") button(ng-click="display(elemenat.name)") Click
$scope.display = function(name){ console.log(name); }
DOMのidなどは使わず素直にAngularJS流でやるのがいいようです。