Question

我仍然非常注重角色，并且无法为我的问题布置逻辑

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

我的代码如下

<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函数中设置的属性是incorect。它应该是：

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

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

Docs for ng-show

在ng-repeat中ng-show tr元素

1 个答案: