NGB

[BlackDemo]

Guten Tag,

ich möchte https://ng-bootstrap.github.io/#/components/pagination/overview NGB-Pagination in meinem Projekt implementieren und habe seit Projektanfang ohne Angular CLI gearbeitet und würde dies nun auch so belassen, da das Projekt bald zuende ist. Ich habe nun eine lange Zeit gesucht aber nichts gefunden: Wie implementiere ich NGB-Pagination in meinem Projekt, ohne Angular CLI zu nutzen?

Liebe Grüße

Edit: Tut mir Leid wegen dem nichts-aussagendem Titel, kann ihn aus irgendeinem Grund nicht ändern.

 

[benneq]

Angular CLI hat doch damit überhaupt nix zu tun.
Du machst ganz normal dein "npm install" und bindest die bootstrap CSS Datei dort ein, wo du auch deine anderen CSS Dateien einbindest. (Evtl. braucht's nicht mal CSS. Wirst du dann aber sicherlich merken. Ohne CSS funktionieren die Komponenten trotzdem, aber sehen halt kacke aus )

Hier steht alles zur Installation: https://ng-bootstrap.github.io/#/getting-started

Musst dann natürlich noch das NgbModule bei dir einbinden, oder alternativ nur das Modul für die Pagination: NgbPaginationModule. Und dann sollte alles funktionieren.

 

[BlackDemo]

Hallo benneque,

ich habe bisher komplett ohne npm und cmd gearbeitet, dies ist mein Punkt. Bisher habe ich alle benötigten Komponenten folgendermaßen eingebettet:

<script src="https://code.angularjs.org/1.7.8/angular.min.js"></script>
    <script src="https://code.angularjs.org/1.7.8/angular-cookies.min.js"></script>
    <script src="https://code.angularjs.org/1.7.8/angular-resource.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Und das gleiche würde ich auch, insofern möglich, mit ngb-pagination machen.

LG

 

[benneq]

Oh weh, oh weh. Dann noch mal ganz(!) von vorne:
Du benutzt nicht Angular ( https://angular.io/ ) , sondern AngularJS ( https://angularjs.org/ ). Das ist eine komplett andere Baustelle.
Kurz und knapp: Das von dir ausgewählte ng-bootstrap funktioniert nicht mit AngularJS.

Das korrekte angular-ui-bootstrap hast du ja bereits eingebunden.
Und dort wird auch eine Pagination angeboten: https://angular-ui.github.io/bootstrap/#!#pagination

 

[BlackDemo]

Super! Vielen Dank für die Antwort, damit kann ich arbeiten und das schafft einige Probleme für mich ab

 

[benneq]

Wunderbar. Sollte nun hoffentlich ein Kinderspiel sein Sonst einfach noch mal melden.