javascript - Angular - 动态打印 ng-table 标题

标签 javascript angularjs ngtable

我陷入了一个困境,我想使用 ng-table 动态打印子标题标题,标题应该是 type1 type2 type3 并且详细信息必须是主标题,子类型值必须是详细的子标题,请参阅下面附图片enter image description here

非常感谢任何帮助。

最佳答案

试试这个: https://plnkr.co/edit/gypa0JDAZqhNwWcRQK93?p=preview

            <body ng-controller="MainCtrl">
              <p>Hello {{name}}!</p>
              <table ng-table="tableParams">
                <tr>
                  <td colspan="3"></td>
                  <td colspan="{{detailsCount}}" style="text-align:center">Details</td>
                </tr>
                <tr ng-repeat="i in dataObject">
                  <td title="'Type1'">{{i.type1}}</td>
                  <td title="'Type2'">{{i.type2}}</td>
                  <td title="'Type3'">{{i.type3}}</td>
                  <td ng-repeat="d in i.details" ng-init="detailsColCount(i.details)">{{d.subTypeCode}}</td>
                </tr>
              </table>
            </body>

            $scope.detailsCount = 0;
            $scope.detailsColCount = function(details){
                  if (details.length > $scope.detailsCount) {
                    $scope.detailsCount = details.length;
                  }
                };

关于javascript - Angular - 动态打印 ng-table 标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44190714/

相关文章:

javascript - 使用 .catch() 处理未处理的 Promise 拒绝

javascript - 带转到页面的 Angular ng-table

angularjs - 我收到类型错误 : Cannot call method 'slice' of undefined when loading data from factory ng-Table AngularJS

javascript - 如何用Jquery替换iframe?

javascript - 使用 fabric.js 的 loadad SVG 中的图像大小错误

即使您刷新页面,Javascript 也会继续运行

json - Angular POST multipart/form-data with application/json & text/csv

javascript - 更改 AngularJS 中选中和未选中的复选框值

angularjs - 在 angular 2 组件中使用 jquery/jqueryui 等库的正确方法

javascript - ngTable 如何以编程方式设置表数据单元格的过滤数据