1

Ich begann eine eckige Anwendung mit regulären bootstrap zu schreiben. Dann bin ich auf ui-bootstrap gestoßen. Ich hatte bereits einige HTML-Seiten, die größtenteils aus Beispielen von der Bootstrap-Seite stammen, die etwas angepasst wurden. Eigentlich funktioniert das okay, aber anscheinend ist ui-bootstrap der Weg in Verbindung mit eckigen zu gehen.Wie von regulären Bootstrap zu UI-Bootstrap migrieren?

Was ich nicht verstehe, ist, wie migriere ich meinen HTML von hier? Die Dropdown-Navigation zum Beispiel funktioniert nicht mehr. Muss ich die Daten-Attribute durch die ui-bootstrap Direktiven austauschen? Oder muss ich die Klassen wie in der migration guide ändern? Ich weiß, dass die Migrationsanleitung nichts mit der Migration von bootstrap zu ui-bootstrap zu tun hat. Aber die alten Namen von ui-bootstrap scheinen mit den Klassen bootstrap übereinzustimmen.

Ich bin neu in eckigen und Bootstrap, also bin ich ein wenig verwirrt hier, tut mir leid.

Antwort

2

Es hängt davon ab, was Ihr Ziel ist. UI-Bootstrap ist ein angular-style Ersatz für das Bootstrap-Javascript. Es hängt nicht von jQuery ab, sodass Ihr Footprint drastisch reduziert werden kann, wenn Sie jQuery für andere Zwecke nicht benötigen.

Wenn Sie Bootstrap.js entfernen möchten, müssen Sie die Datenattribute durch ui-bootstrap-Anweisungen ersetzen.

Vanilla Bootstrap funktioniert auch mit eckigen ziemlich gut.

+0

Danke, aber was meinst du mit Fußabdruck? Mein Ziel ist es, bootstrap.js nicht zu entfernen, sondern Dinge reibungslos zu erledigen, d. H. Ohne jeden Konflikt und vor allem den $ uibModal-Dienst zu verwenden. Leider hat das bloße Austauschen der Daten-Attribute mit den entsprechenden Direktiven nicht funktioniert. Ich werde sehen, ob ich mir einen Plunkr einfallen lassen kann, um die Dinge klarer zu machen. – Wipster

+0

Ich habe es zur Arbeit gebracht. Es ist ein wenig fummelig, die Bootstrap-Beispiele zu migrieren, da ui-bootstrap mehr Direktiven verwendet als bootstrap data-* -Attribute verwendet. Sie müssen also ein wenig genauer hinschauen, die Beispiele vergleichen und alle Anweisungen hinzufügen. – Wipster

+0

Mit Fußabdruck meine ich Download-Größe. ui.bootstrap hat keine externen Abhängigkeiten, während bootstrap.js von jquery abhängt. –