2015-10-23 7 views
8

Ich möchte Paginierung Plugin verwenden Winkeldatentabelle .Ich es mit Bower installiert, aber es nicht work.It gibt dem folgenden Fehler

TypeError: $elem.hide is not a function at Object.showLoading (http://localhost:8000/vendor/angular-datatables.js:698:15) at postLink (http://localhost:8000/vendor/angular-datatables.js:47:31) at http://localhost:8000/vendor/angular.js:8783:44 at invokeLinkFn (http://localhost:8000/vendor/angular.js:8789:9) at nodeLinkFn (http://localhost:8000/vendor/angular.js:8289:11) at compositeLinkFn (http://localhost:8000/vendor/angular.js:7680:13) at compositeLinkFn (http://localhost:8000/vendor/angular.js:7684:13) at compositeLinkFn (http://localhost:8000/vendor/angular.js:7684:13) at compositeLinkFn (http://localhost:8000/vendor/angular.js:7684:13) at compositeLinkFn (http://localhost:8000/vendor/angular.js:7684:13)

I Null-Konfiguration verwendet, hier ist der hTML-Code, die ich verwendet

<table datatable="" class="row-border hover"> 
 
    <thead> 
 
     <tr> 
 
      <th>ID</th> 
 
      <th>First name</th> 
 
      <th>Last name</th> 
 
     </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
      <td>1</td> 
 
      <td>Foo</td> 
 
      <td>Bar</td> 
 
     </tr> 
 
     <tr> 
 
      <td>123</td> 
 
      <td>Someone</td> 
 
      <td>Youknow</td> 
 
     </tr> 
 
     <tr> 
 
      <td>987</td> 
 
      <td>Iamout</td> 
 
      <td>Ofinspiration</td> 
 
     </tr> 
 
    </tbody> 
 
</table>

+0

seine Arbeits Kariyawasam einzustellen;) http://plnkr.co/edit/NnF2I4IMplWtIdNmRvvw?p=preview –

Antwort

20

ich glaube, Siehinzufügen habenDateien in falscher Reihenfolge.

müssen Sie hinzufügen vergessen in dieser Reihenfolge

  1. JQUERY
  2. ANGULAR
  3. JQUERY DATA-TABLE
  4. ANGULAR DATA-TABLE

und nicht das datatables Modul an das Hauptmodul hinzufügen als,

EX: angular.module('plunker', ['datatables']);

DEMO

einfach - Wenn Sie die jquery.js nach dem angular.js hinzufügen, dann schneiden Sie den jquery.js und legen Sie es in der Spitze des angular.js.

Wenn Sie bower verwenden, aktualisieren Sie bower.json, um die obigen Änderungen zu erfüllen.

+0

i Bower verwendet. immer noch das gleiche Problem, das ich nicht warum. Ich habe in dieser Reihenfolge hinzugefügt.Alle das Plugin ordnungsgemäß verknüpft Kopf des HTML.Ich benutze Schluck. Initialisieren 'Datentabelle' in app.js – Thusithz

+0

angular.module ('app', [ 'pascalprecht.translate', 'tmh.dynamicLocale', 'ngCookies', 'ngBootbox', "ui-Mitteilung, 'Armaturenbrett', 'Bank', 'Bezahlung', 'Useraccounts', 'accountSettings', 'Kreditkarten', 'Hilfe', 'Kontakt', 'ngDialog', 'daterangepicker' , "Datatables" ]); – Thusithz

+0

Hier ist die app.js – Thusithz

1

Stellen Sie außerdem sicher, dass die ng-jq-Direktive nicht auf Null gesetzt ist. Stattdessen möchten Sie es $ oder jQuery dh

<html id="ng-app" ng-jq="$"> 

oder

<html id="ng-app" ng-jq="jQuery">