読者です 読者をやめる 読者になる 読者になる

AngularJSでリストやテーブルの各行にボタンを配置する

リストの各行、テーブルの各列、ナビゲーションバーの要素などにボタンやリンクを配置して、クリックされたら各行の内容に応じて処理を行いたいケースがあると思います。このよう場合、ng-repeatng-clickを使うとシンプルです。

HTML(jade)

ul
    li(ng-repeat="element in list")
        button(ng-click="display(elemenat.name)") Click

JavaScript

$scope.display = function(name){
    console.log(name);
}

DOMのidなどは使わず素直にAngularJS流でやるのがいいようです。