¿integración de angular.js (o knockout.js) con otras bibliotecas de UI?

Question

Voy a utilizar cualquiera de las librerías knockout.js o angular.js (b/c del soporte de enlace) para una aplicación web.

Mi pregunta es: ¿cómo es su experiencia la integración de estas bibliotecas en lib existentes de interfaz de usuario como Dojo, jQueryUI, Ext.js, YUI, .. E.g. ¿Cómo es el uso de soporte/sintaxis de enlace de datos en las librerías de la interfaz de usuario? ¿Tiene que implementar algo así como el enlace personalizado para usar el widget de UI lib?

Answer 1

Para Knockout la situación es bastante bueno. Se puede integrar con widgets de terceros a través del custom bindings. Enlaces API es muy simple y estrecho. Todo lo que necesita es implementar uno o dos métodos (citando documentos Knockout):

ko.bindingHandlers.yourBindingName = { 
    init: function(element, valueAccessor, allBindingsAccessor, viewModel) { 
     // This will be called when the binding is first applied to an element 
     // Set up any initial state, event handlers, etc. here 
    }, 
    update: function(element, valueAccessor, allBindingsAccessor, viewModel) { 
     // This will be called once when the binding is first applied to an element, 
     // and again whenever the associated observable changes value. 
     // Update the DOM element based on the supplied values here. 
    } 
}; 

mayor parte del tiempo la implementación de solo método update es suficiente. Incluso hay a collection of ready-made bindings for jQuery UI. No cubre todos los widgets de la interfaz de usuario de jQuery, pero dado que la creación de enlaces personalizados es tan simple, puede implementar sus propios enlaces según lo considere necesario.

En cuanto a Angular JS la situación es más difícil. Puede crear un enlace personalizado como parte de su propio Directive. Directivas API requiere que escriba mucho más código. El ciclo de vida de las directivas también es bastante complejo. Entonces, tomarían un buen tiempo para aprender.

Al mismo tiempo, le permite especificar una gran cantidad de aspectos diferentes del comportamiento. Por ejemplo, puede reescribir completamente la representación HTML interna de un widget a través del directive y usar plantillas angulares en su interior. En Knockout necesitarías usar jQuery para eso. Desafortunadamente, a diferencia de los enlaces personalizados en las directivas Knockout, son más adecuados para escribir sus propios widgets y no para integrarse con los existentes.

En resumen:

• fijaciones Knockout son más fáciles. La integración con widgets de terceros es fácil.
• Las directivas angulares son más adecuadas para escribir sus propios widgets pero son más potentes al mismo tiempo.

Answer 2

Normalmente implementaría enlaces personalizados para trabajar con bibliotecas externas, pero a menudo hay muchos esfuerzos de código abierto que ya han avanzado considerablemente. Salida

https://github.com/SteveSanderson/knockout/wiki/Bindings

Si no hay ninguno disponible, la implementación de su propia no es muy complicado:

http://knockoutjs.com/documentation/custom-bindings.html