JsFiddle Examples

List of fiddles / gists

Useufl fiddles and gists collected from AngularJS forum discussions. Please edit and add!

Make sure that you check the Changelog for information about breaking changes: https://github.com/angular/angular.js/blob/master/CHANGELOG.md

Version 0.10.7

• Jasmine Test in JSFiddle (0.10.7, DZen): http://jsfiddle.net/mhevery/bNT56/54/
• Service-based lightweight jquery-ui wrapper (0.10.7, Adam) - http://jsfiddle.net/zdam/vGjXH/
• Repeater with inline templates and custom scope (0.10.7, Eric Jain, I Minar) - http://jsfiddle.net/KAFCK/3/
• Nested includes with inline templates (0.10.7, Stephanne Bisson) - http://stephanebisson.github.com/layout/#/view2 LiveDemo: http://stephanebisson.github.com/layout/
• Inline template inside repeater (0.10.7, Vojta Jina) - http://jsfiddle.net/vojtajina/2Gqwg/
• Notify service (press 3 times!) (0.10.7, Vojta Jina) - http://jsfiddle.net/vojtajina/UCWMr/3/
• Twitter bootstrap widget (0.10.7, Igor Minar) - http://jsfiddle.net/IgorMinar/mVSPC/
• Forms - Some basic inputs (0.10.7, Vojta Jina) - http://jsfiddle.net/cambiata/SbZ9K/
• Forms - Password validation (0.10.7, Vojta Jina) - http://jsfiddle.net/cambiata/CLyTc
• Forms - Selects (0.10.7, Vojta Jina) - http://jsfiddle.net/cambiata/5wa2M
• Forms - Radio inputs (0.10.7, Vojta Jina) - http://jsfiddle.net/cambiata/ezzHD
• Forms - Custom radio group (0.10.7, Vojta Jina) - http://jsfiddle.net/cambiata/gp7vM

Version 0.10.6

• Google map widget (0.10.6, Matthias Andrasch & Vojta Jina) - http://jsfiddle.net/vojtajina/3bpJk/25/
• Scope in ng:repeater (0.10.6, D. Zen, Robert Damphousse) - http://jsfiddle.net/robertjd/bNT56/25/
• Editor with static and dynamic fields (0.10.6, Vojta Jina) - http://jsfiddle.net/vojtajina/3juSX/
• Chained dropdown selections (0.10.6, Vojta Jina) - http://jsfiddle.net/vojtajina/KkdfV/18/
• Sortable table widget (0.10.6, Söderlind) - http://jsfiddle.net/dandoyon/4UCrW/5/
• Watch array parameter (deep watch) (0.10.6, Vojta Jina) - http://jsfiddle.net/vojtajina/eQGXA/3/
• Widget inside repeat ($eval) (0.10.6, Ali Mills) - http://jsfiddle.net/alimills/FXgsL/1/
• Shopping Cart example (0.10.6, Vojta Jina) - http://jsfiddle.net/vojtajina/CSsrJ/4/
• Using mock service with JSFiddle (0.10.6, angular-mocks-0.10.6.js, Vojta Jina) - http://jsfiddle.net/vojtajina/DQHdk/ - See http://docs-next.angularjs.org/api/angular.module.ngMockE2E.$httpBackend
• using tooltipsy (0.10.6, Vojta Jina) - http://jsfiddle.net/vojtajina/z7a58/15/ (thread: https://groups.google.com/d/msg/angular/-/fSRw1fBO9QUJ)

Version 0.10.5

• Sortable list drag-n-drop (0.10.5, Igor minar) - http://jsfiddle.net/xnnjQ/6/
• Inline template using $cache (0.10.5, Vojta Jina) - http://jsfiddle.net/vojtajina/ENf5r/
• Repeater default values (0.10.5, Igor Minar) - http://jsfiddle.net/IgorMinar/Mv8zL/4/
• Filter items (0.10.5, Vojta Jina) - http://jsfiddle.net/vojtajina/EGKQU/

Version 0.10.4

• Sortable table (0.10.4, Dan Doyon) - http://jsfiddle.net/dandoyon/js64b/
• ng:repeat with key and value (0.10.4, Mårten Dolk & Vojta Jina) - http://jsfiddle.net/vojtajina/EHdQ7/4/
• Repeater and $parent scope (0.10.4, Misko Heverey) - http://jsfiddle.net/ezhrw/2/
• After render callback (0.10.4, Elliot Sprehn) - http://jsfiddle.net/8YmbC/1/

Version 0.9.19 and older

• Angular widgets (0.9.17, jquery-ui-1.8.14, Łukasz Twarogowski) - http://twarogowski.github.com/angular-contrib/docs/widgets.html
  • autocomplete
  • datepicker
  • emblem
  • map
  • progress
  • enter
  • button
  • toggle
  • seclectable
  • masked
• TODO example from angularjs.org (0.9.18) - http://jsfiddle.net/IgorMinar/M8YnR/
• Invoice example from angularjs.org (0.9.16) - http://jsfiddle.net/vojtajina/pfqKY/
• Nested repeaters (0.9.18) - http://jsfiddle.net/vojtajina/u75us/
• jQuery Cycle plugin wrapper (0.9.18) - http://jsfiddle.net/vojtajina/creEk/
• jQuery Carousel plugin wrapper (0.9.17) - http://jsfiddle.net/vojtajina/3Gx42/
• jQuery Raty plugin wrapper (0.9.17) - http://jsfiddle.net/vojtajina/yy9VA/
• Injecting custom service into another custom service (0.9.19) - http://jsfiddle.net/vojtajina/4xu5g/
• How to set page title from included partial (0.9.?) - https://gist.github.com/1022724
• Accessing a scope from outside (0.9.16) - http://jsfiddle.net/vojtajina/ngZ6u/
• Trivial tabs (0.9.19) - http://jsfiddle.net/vojtajina/vM4FY/
• AngularJS + Jasmine (0.9.19) http://jsfiddle.net/vojtajina/TCHXy/
• Password example from angularjs.org (0.9.19) - http://jsfiddle.net/vojtajina/76E4S/
• Inter-controller service communication (0.9.19, Cambiata) - http://jsfiddle.net/cambiata/NXhTz/
• Repeater and $parent scope (0.9.19, Vojta Jina) - http://jsfiddle.net/vojtajina/5AMPm/
• Repeater and $parent scope, using controller prototype (0.9.19, Vojta Jina) - http://jsfiddle.net/vojtajina/5AMPm/1/
• Mouseenter directive (0.9.19, Misko Heverey) - http://jsfiddle.net/upPdx/1/
• Custom text excerpt filter (0.9.19, A Suller) - http://jsfiddle.net/xMYpy/