Question

当用户点击＆＃34; +＆＃34;时，我试图显示更详细的行摘要。行上的图标。当我使用标签时，我将其工作，但当我将其修改为标签时，javascript将无法启动。

以下是我所拥有的：

<table class="table" ng-repeat="lineItem in order.OrderLineItems">
                    <tbody >
                        <tr >
                            <td class="col-md-3"><a ng-hide="!lineItem.OrderLineItemModifiers.length " class="glyphicon glyphicon-plus"  ng-model=show></a> <b>Item</b></td>
                            <td class="col-md-3">{{lineItem.Name}}</td>
                            <td class="col-md-3">{{lineItem.Quantity}}</td>
                            <td class="col-md-3">{{lineItem.TotalPrice}}</td>
                        </tr>
                        <tr ng-repeat="modifiers in lineItem.OrderLineItemModifiers" ng-show="show">
                            <td class="col-md-3"></td>
                            <td class="col-md-3 ordermodifier">{{modifiers.Name}}</td>
                            <td class="col-md-3"></td>
                            <td class="col-md-3 ">{{modifiers.TotalPrice}}</td>
                        </tr>
                    </tbody>
                    </table>
                    <div><b>Total Amount: {{order.TotalAmount}}</b></div>

在Javascript文件中：

app.controller('ModalInstanceCtrl', function ($scope, $modalInstance, order) {
    $scope.toggleDetail = function ($index) {
        $scope.activePosition = $scope.activePosition == $index ? -1 : $index;
    };
});

我感到困惑的是，如果我使用标签而不是？使用上面的当前代码，我会点击＆＃34; +＆＃34;它不会展开行来显示修饰符行

谢谢！

Answer 1

<td class="col-md-3"><a ng-hide="lineItem.OrderLineItemModifiers.length !== 0 " class="glyphicon glyphicon-plus"  ng-model=show></a> <b>Item</b></td>

试试这个。不确定你有什么问题。

AngularJS在扩展时显示表行

1 个答案: