modal - Angluar.js y Bootstrap-jQuery Dependency

ngbtooltip

Question

De acuerdo con Bootstrap 3 documentos ( http://getbootstrap.com/javascript/ ), los componentes js de Bootstrap 3 dependen de jQuery.

Dependencias de complemento

Algunos complementos y componentes de CSS dependen de otros complementos. Si incluye plugins individualmente, asegúrese de comprobar si existen estas dependencias en los documentos. También tenga en cuenta que todos los complementos dependen de jQuery (esto significa que jQuery debe estar incluido antes de los archivos del complemento).

Estoy buscando utilizar Angular.js, donde todos dicen "¡suelta jQuery!" Parece que el equipo Angular tomó un golpe en Bootstrap v2.3.2 ( http://angular-ui.github.io/bootstrap/ ). ¿Hay algo similar o una solución alternativa para Bootstrap 3? ¿Tendré que vivir con jQuery por el momento?

Gracias

Answer 1

Unas pocas cosas:

Si aún no has hecho una aplicación de juguete en Angular, te sugiero encarecidamente que lo hagas. Obtendrá una mejor idea de cuánto aprendizaje / transferencia tendrá que hacer y qué tan bien satisfará sus necesidades.

(No creo que las personas estén completamente de acuerdo en este punto, pero aquí están mis dos centavos :) En lo que respecta a dejar caer jQuery, mientras mantenga todas las manipulaciones DOM dentro de las directivas no hay nada de malo en envolver los widgets jQuery (cuando hazlo lo suficientemente bueno como para escribir tus propias directivas) porque entonces jQuery estará aislado solo a cómo expresas tus modelos. Luego, cuando la comunidad angular empiece a ponerse al día con jQuery en términos de complementos y extensiones, puede comenzar a refactorizar sus vistas para no usar directivas dependientes de jQuery y entonces podrá abandonar la dependencia por completo.

Además, el mundo ha sobrevivido con Bootstrap 2 y complementos angulares durante un tiempo: ¿hay algo que necesites en 3 que no podrías vivir sin él? Estoy seguro de que ya lo sabes; más nuevo no siempre es mejor; no debes arreglar lo que no está roto; etc.

Answer 2

No se trata tanto de abandonar jQuery como de abandonar la mentalidad imperativa. La "Forma Angular" es definir primero los componentes (directivas, servicios, etc.) y luego combinarlos declarativamente en sus aplicaciones.

Si necesita una chispa particular de jQuery, puede envolverla en una directiva y usarla declarativamente.

Entonces, en lugar de:

$(''.elements-of-interest'').addSparklyThing();

Usted crea una directiva de cosas brillantes, tal vez como un atributo:

<div sparkly-thing>foo</div>

En el primer caso, estoy dando una serie de instrucciones de manera imperativa. En el segundo caso, simplemente estoy declarando que este div también es una cosa brillante.

Para obtener una visión más completa y más doctrinaria, consulte: "Thinking in AngularJS" si tengo un fondo jQuery.