AngularJS面板标题仅在段内定义时显示一个元素

我正在使用已在AngularJS中编写的应用程序。在其中的一个页面上，显示了一些小部件，其中显示了有关应用程序各个方面状态的信息。我最近一直在为每个小部件的标题添加一个“主页”按钮，单击它时会将用户带到属于该小部件的“根”页面。AngularJS面板标题仅在段内定义时显示一个元素

我已经在大多数小部件上成功工作，但是在其中一个小部件上，如果我在标题中显示'Home'按钮，小部件名称不再显示在标题中...

.directive('table', function(tag, $location){ 
    return{ 
     restrict: 'E', 
     scope: { 
      ... 
     }, 
     template: '<section class="panel-frame" ' + 
        'data-ng-class="{\'panel-brand\': !inverse(), ' + 
        '\'panel-inverse panel-inverse-borderless\': inverse()}">' + 
        'div class="panel-heading" ' + 
        '<span data="{{heading}}"></span>' + 
        '<i class="pull-right ti-home" data-ng-click="browserPage()" /> ' + 
        '<data-ng-show="heading">' + 
        '</div><ul-grid config="config" rows="tableRows || rows">' + 
        '</ul-grid></section>',

当我观看与因为它是如上所述，ti-home图标显示在窗口小部件的标题，并且当我点击它的模板的页面：

在directive此插件中使用的template作为被定义，我被带到该特定小部件的“主页”页面。然而，小部件的标题（窗口小部件的文本名称）目前尚未在小部件上显示，因为它是：

如果我删除从窗口小部件标题的ti-home图像（所以改回是怎么回事原本），即

template: '<section class="panel panel-frame" ' + 
      'data-ng-class="{\'panel-brand\': !inverse(), ' + 
      '\'panel-inverse panel-inverse-borderless\': inverse()}">' + 
      '<div class"panel-heading" ' + 
      '<span data-i18n="{{heading}}"></span>' + 
      '<data-ng-show="heading">' + 
      '<div><ul-grid config="config" rows="tableRows || rows">' + 
      '</ul-grid></section>',

那么标题（文名）在微件正确显示，虽然很明显，我已经添加了“主页”按钮，就不再出现了：

添加“主页”按钮将窗口小部件的标题时，我从<span data-i18n ... ></span>标签去除-18n的原因是因为这是我的理解是使用-i18n意味着你只能到标签中显示一两件事。

我也尝试添加了线的小部件，而i18n标题图像仍在使用：

'<i class="pull-right ti-home" data-ng-click="browserPage()" /> ' +

，但在查看网页时，只有标题的文本部分展示如下不图片。

如何在同一时间在窗口小部件的标题中同时显示文本&？

在同一页上使用的其他部件，我已经能够没有文字说明添加“主页”按钮，从窗口小部件的标题被删除：

该部件有以下template在其directive：

template: '<section class="panel panel-frame" data-ng-class="{\'panel-brand\': !inverse(), \'panel-inverse\': inverse()}">' + 
       '<div class="panel-heading">' + 
       '<span data-i18n="{{title}}"></span>' + 
       '<i data-ng-hide="hideChartPageBtn" class="pull-right glyphicon-clickable ti-bar-chart" data-ng-click="chartPage()"></i>' + 
       '<i class="pull-right ti-home" data-ng-click="chartPage()" />' + 
       '<div class="umw-chart-cfg-btn-group" data-ng-if="chartCfgs.length">' + 

       '<a href="" data-ng-click="btnQty = minBtns" data-ng-show="btnQty > minBtns && chartCfgs.length > minBtns" ' + 
       'class="btn btn-sm"><span class="ti-angle-double-right"></span></a>' + 

       '<button type="button" class="btn btn-{{conf.state}} btn-sm" data-ng-show="chartCfgs.length > 1"' + 
       'data-ng-click="redrawChart(conf)" data-ng-repeat="conf in chartCfgs | limitTo: btnQty">{{$index + 1}}</button>' + 
       '<a href="" data-ng-click="btnQty = chartCfgs.length" data-ng-show="chartCfgs.length > btnQty" ' + 
       'class="btn btn-sm"><span class="ti-angle-double-left"></span></a>' + 
       '</div></div>' + 
       '<um-chart control="control"></um-chart>' + 
       '</section>',

我不明白为什么这个工程，但我尝试用“表”窗口小部件做不...任何人有任何建议，我怎么能得到博小部件的'标题'和'主页'按钮同时显示在小部件标题中？

来源

2017-08-03 someone2088