0

多くの行を含む HTML テーブルがあり、ユーザーが特定の行の削除ボタンをクリックしたときに行を非表示にしたいと考えています。Angular とng-hideディレクティブで問題が発生しています。

2行だけの(簡略化された)HTMLコードは次のとおりです。

   <tr ng-hide="isRowHidden">
     <td>Example template title</td>
     <td>
       <a href="#" ng-click="deleteTemplate(@template.id)">Delete template</a>
     </td>
   </tr>
   <tr ng-hide="isRowHidden">
     <td>Another example template title</td>
     <td>
       <a href="#" ng-click="deleteTemplate(@template.id)">Delete template</a>
     </td>
   </tr>

これまでの私のAngularコード(CoffeeScript)は次のとおりです。

 $scope.deleteTemplate = (templateId) ->
    console.log "Deleting template id #{templateId}" 
    $scope.isRowHidden = true

最後の行は、1 行ではなくすべての行を非表示にするため、正しくありません。私は何が欠けていますか?ありがとう!

4

1 に答える 1