angular.js (o knockout.js) con altre librerie UI?

Question

Utilizzerò le librerie knockout.js o angular.js (b/c del supporto di associazione) per un'applicazione web.

La mia domanda è - come è la tua esperienza che integra queste librerie in librerie esistenti come Dojo, jQueryUI, Ext.js, YUI, .. E.g. in che modo l'utilizzo di suport/sintassi del database nelle librerie dell'interfaccia utente? Devi implementare qualcosa come l'associazione personalizzata per usare il widget UI lib?

Answer 1

Per Knockout la situazione è abbastanza buona. Uno può integrare con i widget di terze parti tramite custom bindings. L'API di bind è molto semplice e diretta. Tutto ciò che serve è quello di implementare uno o due metodi (citando documenti 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. 
    } 
}; 

maggior parte del tempo di esecuzione singolo metodo update è sufficiente. C'è anche a collection of ready-made bindings for jQuery UI. Non copre tutti i widget dell'interfaccia utente di jQuery, ma dal momento che la creazione di collegamenti personalizzati è così semplice che è possibile implementare i propri binding come si vede.

Per quanto riguarda Angular JS la situazione è più difficile. È possibile creare un'associazione personalizzata come parte del proprio Directive. L'API delle direttive richiede di scrivere molto più codice. Anche il ciclo di vita delle direttive è abbastanza complesso. Quindi, ci vorrebbe un bel po 'di tempo per imparare.

Allo stesso tempo consente di specificare molti aspetti diversi del comportamento. Ad esempio, è possibile riscrivere completamente la rappresentazione HTML interna di un widget tramite directive e utilizzare modelli angolari all'interno. In Knockout avresti bisogno di usare jQuery per questo. Sfortunatamente, a differenza dei binding personalizzati nelle direttive Knockout, sono più adatti per scrivere i propri widget e non per integrarli con quelli esistenti.

In sintesi:

• attacchi Knockout sono più facili. L'integrazione con i widget di terze parti è facile.
• Le direttive angolari sono più adatte per scrivere i propri widget ma sono più potenti allo stesso tempo.

Answer 2

In genere si implementano i binding personalizzati per lavorare con le librerie esterne, ma ci sono spesso molti sforzi open source che hanno già fatto notevoli progressi. Scopri

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

Se non ce ne sono disponibili, implementando il proprio non è molto complicato:

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