Angular JS vs Knockout JS -quotes and links

Comments (3) | Share

Our team need to choose a JS framework. Base on the research Angular is the preferred framework. The only essential concern - if you need to support old IE6/7 browsers(but also there are articles how to support/workaround the IE issues)

From http://www.quora.com/JavaScript-Frameworks/How-do-Angular-js-and-Knockouts -compare

Knockout supports almost all major browsers:
IE6+, Firefox 2.0+, Chrome, Safari and Opera 10+.
Link - Knockout : Browser support

Angular Supports only A grade browsers at the moment:

IE8 and higher,chorme, safari, FireFox,iOS, Android

Support for ie6/7 is possible in theory, but in practice we don't run any ouf our regression tests on it, so it probably does not work

Link - Browser Support for Angular - Google Groups

They are also similar in many important things: data-binding and directives. However, Angular does it better and prettier. You can stick your expression practically anywhere in the document using the {{}} clause and this alone give you quite a lot of power and yet readability. You also don't need to useobservable for model objects - you use normal objects and Angular does its magic.
Angular is more feature complete. It gives you out of the box a complete solution for almost anything you want in client-side web-app development, including mini-jquery, dependency-injection, redirection and deep-linking, animation and powerful, modern event handling. Knockout doesn't provide any of this.
Angular's html templating/customization/
binding is less limited than KO - it let you build directives which are html tags, attribute, classes or comments. In KO, you can do it to comments (which looks rather ugly) or in the data-binding attribute. Much less expressive and pretty.
Performance: sometimes performance is better in KO, sometimes in Angular (see the other answers for that). But i don't see it as an issue anyways.
Angular is built from testability and clean project organization better than any framework i know of (but i don't know all of them).

From http://blog.jonathanchannon.com/2013/02/05/evaluating-knockoutjs-and-angularjs-part-2/

I found Knockout easier to comprehend and get going with compared to Angular which is always a winner when starting something new but Knockout is pretty much just about binding so for things like routing and separation of concerns you need to use other libraries whereas Angular has all that built in. I think for smaller projects without too much logic required Knockout is ideal and I really like the simplicity of SammyJS however, for larger applications that requires dependency injection, a clear separation of concerns and the easy ability to unit test logic Angular is a winner. In this case the term “pick the right tool for the job” certainly applies.

From http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/

Angular.js

Angular.js is a very nice framework . Developed by Googler's, it has some very interesting design choices.

Pros: Very well thought out with respect to template scoping and controller design. Has a dependency injection system (I am a big fan of IOC). Supports a rich UI-Binding syntax to make things like filtering and transforming values a breeze.

Cons: Codebase appears to be fairly sprawling and not very modular. Views are not modular enough .

Knockout.js

Knockout.js is an MVVM framework that receives lots of praise from its supporters. It stresses declarative UI bindings and automatic UI refresh.

Pros: Binding support. Great documentation and amazing tutorial system.

Cons: Awkward binding syntax and lacks a solid view component hierarchy. I want to be able to reuse components easily. I also feel like identifying as an MVVM framework is deleterious. Hardly any of these frameworks are MVC, but are of the MV* variety (MVP, MVVM, etc)

Additional reasons from my co-worker Krishna Nadiminti

Which framework to use?

A comparison of Angular Vs. Knockout: - http://www.slideshare.net/basarat1/mvvm-knockout-vs-angular

A sample app some guys did in various frameworks:

· TODO App in Knockout [Not bad – but still one file with too many things in it]

· TODO App in Angular [More files, forces you into thinking about structure and avoiding jQuery]

· TODO Apps in other frameworks (for reference only – I don’t think we can spend days evaluating the best framework – and frankly it does not matter that much.)

About that steep learning curve:

I’ve worked with both – it took me almost the same time to get a brand new app running in KO vs Angular. Once I looked at Angular – I remembered all the additional frameworks (require, sammy, amplify, I needed to learn to make a ‘properly designed’ client-side app with KO as the basis.

Other things we considered in choosing AngularJS:

Momentum behind the framework (Google!)

Completeness in terms of client-side application requirements (clean design, testability, data-binding, routing, module loading, ui-widgets)

Browser support

Plugging into existing apps

Playing well with other frameworks/scripts

?p=135

http://www.softfinity.com/blog/battle-of-modern-javascript-frameworks-part-iv-angularjs/

http://www.softfinity.com/blog/the-battle-of-modern-javascript-frameworks-part-ii-knockout-js/

http://net.tutsplus.com/tutorials/javascript-ajax/3-reasons-to-choose-angularjs-for-your-next-project/

Angular JS and old versions of IE

http://stackoverflow.com/questions/12935289/internet-explorer-and-angular-js

http://steenkamp.tumblr.com/post/20426949491/angularjs-and-internet-explorer

http://stackoverflow.com/questions/15914675/running-angularjs-app-on-internet-explorer-7v

Posted on Saturday, August 17, 2013 11:20 AM CSS/DHTML/JavaScript | Back to top

Comments on this post: Angular JS vs Knockout JS -quotes and links

# AngularJs Vs KnockoutJs

Here's a good supplemental article to this post. Please be kind to share it with others.

http://www.learn-angularjs-apps-projects.com/AngularJs/angularjs-vs-knockoutjs

Left by Danial Lokman on Mar 17, 2015 6:19 PM

# re: Angular JS vs Knockout JS -quotes and links

Angular JS framework is good for declaring static documents and lets you extend HTML vocabulary for your application. It is fully extensible and works well with other libraries. Knockout is a standalone JS with templates and when data model state is changed the UI is updated automatically.
dish network packages

Left by rosemary on Apr 15, 2016 10:33 PM

Very good and informative exchange .. Thank you!
192.168.o.1

Left by Godffspo on Sep 25, 2017 7:43 AM

Angular.js

Knockout.js

Additional reasons from my co-worker Krishna Nadiminti

More links:

Some pro’s of AngularJS over KnockoutJS http://litebyte.net/blog/?p=135