Wie mache ich anglejs table Direktiven

Question

Der Inhalt der Tabelle wird von AJAX geladen und ich möchte den Inhalt wie folgt anzeigen. Wie kann ich mich wenden diese beiden ng-show in Richtlinie

<table> 
    <tr> 
     <th>aaa</th> 
     <th>bbb</th> 
     <th>ccc</th> 
    </tr> 
    <tr ng-show="isLoading">Loading...</tr> 
    <tr ng-show="!isLoading" ng-repeat="log in logs"> 
     <td>{{log.aaa}}</td> 
     <td>{{log.bbb}}</td> 
     <td>{{log.ccc}}</td> 
    </tr> 
</table> 

Answer 1

tableDirective:

angular.module('app', []) 
    .directive('tableDirective', function() { 
    return { 
     restrict: 'E', 
     scope: { 
     isLoading: '=', 
     logs: '=' 
     }, 
     templateUrl: 'table.html' 
    } 
}); 

table.html:

<table> 
    <tr> 
     <th>aaa</th> 
     <th>bbb</th> 
     <th>ccc</th> 
    </tr> 
    <tr ng-show="isLoading">Loading...</tr> 
    <tr ng-show="!isLoading" ng-repeat="log in logs"> 
     <td>{{log.aaa}}</td> 
     <td>{{log.bbb}}</td> 
     <td>{{log.ccc}}</td> 
    </tr> 
</table> 

view:

<table-directive is-loading="isLoading" logs="logs"></table-directive> 

isLoading und logs von Ihrem Controller.