获取表中单击的行-AngularJS

Question

我有以下HTML代码。 这是一个表，用于从costList中获取项目列表，并将其显示在不同的行中。 我希望在单击行时显示项目值。 如何在Angular中实现它。 先感谢您。

    <table>
        <tr ng-click = "displayItem()" ng-repeat = "item in costList">
            <td>{{item}}</td>
        </tr>
    </table>

Answer 1

ng-click="displayItem(item)"

或者您可以将项目存储在displayItem中。

$scope.displayItem = function (item) { $scope.currentItem = item; }

<div>{{currentItem}}</div>

Answer 2

这取决于您的意思是“我希望在单击行时显示项目值”。 如果只希望在单击行时显示它，请尝试以下操作：

的HTML

<table>
  <tr  ng-repeat = "item in costList">
    <td ng-click="display = !display">
      <span ng-show="display">{{item}}</span>
    </td>
  </tr>
</table>

Plunkr： https ://plnkr.co/edit/BSjv4Bv7Ouf4Y49cAtgx ? p = preview

Answer 3

 <table>
        <tr ng-click = "selectedItem = item" ng-repeat = "item in costList">
            <td>{{selectedItem}}</td>
        </tr>
    </table>