ng-класс в AngularJS не работает с ng-include - PullRequest
Новая
       9

ng-класс в AngularJS не работает с ng-include

0 голосов
/ 21 ноября 2018

Я использую таблицу в angularJS с ng-классом для границ (появляется немного границ, основанных на div).Код для шаблона ниже: 

<table  style="border: 1px solid #ddd;" class="table container-margin table-fixed"> 
 <tr>
   <th style="border: 1px solid #ddd;">heading1</th>
   <th style="border: 1px solid #ddd;" ng-repeat="option in options" class="hand-cursor">{{option.text}}</th>
 </tr>

 <tr ng-repeat="row in array">
   <td ng-repeat="col in row track by $index" ng-click="(col.clickable === false) ? null : edit(col.impact, col.option, col.pers)"
     ng-class="{'forTableHeading': (col.type==='tableHeading'), 'perspectiveTitle': (col.type==='perspectiveTitle'), 'shortOrLongTermValue': (col.type==='shortTermValue' || (col.type==='longTermValue')),
            'fieldImpact': (!col.type&& col.field==='impact'), 'fieldDop':(!col.type && col.field==='dop'), 'fieldBlank':(!col.type && col.field==='blank')}">

            <div style="white-space: pre;" ng-if="col.type==='shortTermValue'"  ng-style="getBorderStyle(col.shortTermEffect)">{{col.shortTermEffect}}</div>
            <div style="white-space: pre;" ng-if="col.type==='longTermValue'  ng-style="getBorderStyle(col.shortTermEffect)">{{col.longTermEffect}}</div>
            <div style="display:inline-block;font-style:italic;text-align:center;color:red;" ng-if="col.type==='tableHeading' " class="small">{{col.text}}</div>
            <div style="word-wrap: break-word;white-space: pre-wrap !important;" ng-if="col.type==='perspectiveTitle'"><b>{{col.title}}***{{description}}***</b></div>
            <div style="word-wrap: break-word;white-space: pre-wrap !important;" ng-if="!col.type&& col.field==='impact'">{{col.text}}</div>
            <div style="word-wrap: break-word;white-space: pre-wrap !important;" ng-if="!col.type && col.field==='dop'">{{col.text}}</div>
            <div style="white-space: pre !important;" ng-if="!col.type && col.field==='blank'"></div>
        </td>
    </tr>

</table>

У меня есть CSS-классы в собственном файле.Когда я использую ту же таблицу, используя, 

<div ng-include="'aaa.tpl.html'"></div>

Однако, когда я использую эту таблицу вместе с ng-include, все границы таблицы видны и класс ng не работает.Может кто-нибудь сказать, что я здесь не так делаю?

...