ng-show tr 元素在 ng-repeat 中

Question

我对 angular 还是很陌生，无法为我的问题制定逻辑

基本上，我使用 ng-repeat 生成一个 table 填充行，并在单击任何给定行时，在单击的行下方显示一个隐藏行，以便我可以加载它有数据

我的代码如下所示

<table class="table table-hover">
    <tbody ng-repeat="order in resp.Orders" >
        <tr ng-click='selectOrder(order);'>
            <td>{{order.OrderId}}</td>
            <td>{{order.Client}}</td>
        </tr>
        <tr ng-show('order.IsSelectedOrder')>
            <td>Selected Order</td>
        </tr>
    </tbody>
</table>

如代码所示，列表生成时两行始终可见。 此时，就是主要问题

我的 selectOrder 函数如下所示

    $scope.selectOrder = function (order) {
        order.IsCurrentOrder = true;
    }

Answer 1

语法不正确，我认为您在 selectOrder 函数中设置的属性不正确。应该是：

<tr ng-show="order.IsSelectedOrder">

$scope.selectOrder = function (order) {
    order.IsSelectedOrder = true;
}

Docs for ng-show

ng-show tr 元素在 ng-repeat 中

ng-show tr element inside ng-repeat

angularjs

angularjs-ng-repeat