html table 标签如何在 ng-template(Angularjs) 中不起作用？

Question

我已经使用 ui.bootstrap.modal 尝试了以下操作。这是我用于 bootstrap.modal 的代码：在 HTML 文件中：

  <script type="text/ng-template" id="myModalContent.html">
            <div class="modal-header">
                <h3 class="modal-title" id="modal-title">Program Account Checklist!</h3>
            </div>
            <div class="modal-body" id="modal-body">
                        <table>
                            <colgroup span="2"></colgroup>
                            <thead>
                                <tr>
                                <th colspan="2" scope="colgroup">Is your organization:</th>
                                <th>CRA Program Account</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td> checkbot </td>
                                    <td> info </td>
                                    <td> account </td>
                                </tr>
                            </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" type="button" ng-click="">Cancel</button>
                <button class="btn btn-primary" type="button" ng-click="">Clear</button>
                <button class="btn btn-primary" type="button" ng-click="">Submit</button>
            </div>
        </script>

在我的 controller.js:

 $scope.open = function() {
      var modalInstance = $uibModal.open({
        animation: true,
        ariaLabelledBy: 'modal-title',
        ariaDescribedBy: 'modal-body',
        templateUrl: 'myModalContent.html',
        resolve: {
            items: function () {
              return $scope.checklist;
            }
          },
        size: 'lg'
    })

现在的问题是，当我试图弹出一个 window 其中有一个 table 时，数据显示在正确的位置，但没有任何 ui 为 table。一切似乎都在纯文本中。我猜这与 type="text/ng-template" 有关。但我想不出解决它的方法。我该如何解决这个问题？

Answer 1

如果我没有正确理解你的问题，你在 table 上缺少 bootstrap 样式？在这种情况下，添加一些 class 名称，如下所示：

<table class="table table-borderless">

</table>

html table 标签如何在 ng-template(Angularjs) 中不起作用？

How does the html table tag does not working inside the ng-template(Angularjs)?

html

angularjs

angular-ui-bootstrap

ng-template