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

这取决于你的意思＆＃34;我希望项目值显示在行点击＆＃34;。如果您只想在单击行时显示它，请尝试以下操作：

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>

在表格中单击行 - AngularJS

3 个答案: