Eckige Smart-Tabelle ohne Laube

Question

Ich möchte eckige Smart-Tabellen-Bibliothek verwenden, aber wir verwenden nicht Bower, also habe ich die Dateien von Github heruntergeladen und ich habe die Datei "Smart-Table.min.js" und referenzierte, ich habe keine Konsolenfehler, aber wenn ich versuche, intelligente Tabellenfunktionen wie Paging zu verwenden, funktioniert es nicht.

Muss ich andere Dateien (CSS) hinzufügen ??

<table st-table="rowCollection" class="table table-striped"> 
         <thead> 
         <tr> 
          <th st-sort="firstName">first name</th> 
          <th st-sort="lastName">last name</th> 
          <th st-sort="birthDate">birth date</th> 
          <th st-sort="balance">balance</th> 
          <th>email</th> 
         </tr> 
         </thead> 
         <tbody> 
         <tr ng-repeat="row in rowCollection"> 
          <td>{{row.firstName | uppercase}}</td> 
          <td>{{row.lastName}}</td> 
          <td>{{row.birthDate | date}}</td> 
          <td>{{row.balance | currency}}</td> 
          <td><a ng-href="mailto:{{row.email}}">email</a></td> 
         </tr> 
         </tbody> 
         <tfoot> 
          <tr> 
           <td colspan="5" class="text-center"> 
            <div st-pagination="" st-items-by-page="10" st-displayed-pages="7"></div> 
           </td> 
          </tr> 
         </tfoot> 
        </table> 

Jede Hilfe bitte

Answer 1

Im ng-App-Definition, bestätigen Sie 'Smart-table' verweisen:

var myApp = angular.module('myApp', [ 
    'smart-table' 
]); 

In Ihrem Controller, sicherzustellen, dass Sie "RowCollection" richtig definiert :

$scope.rowCollection = [ 
{ firstName: "abc", lastName: "def", birthDate: "1/1/2010", balance: 0 }, 
{ firstName: "abc", lastName: "def", birthDate: "1/1/2010", balance: 0 }, 
{ firstName: "abc", lastName: "def", birthDate: "1/1/2010", balance: 0 } 
] 

Solange Sie die richtige Smart-Tabelle min.js-Datei referenziert haben, und appropia te angular.js Version (1.5+), sollten Sie Soße sein.

<script type="text/javascript" src="components/angular/angular.min.js"> </script> 
<script type="text/javascript" src="components/smart-table/smart-table.min.js"></script> 

Wenn es immer noch nicht funktioniert, posten Sie Ihre volle Markup und wir können weiter helfen.