Dial With Interactive UI. This Dial widget example shows the following: A demonstration of a large value range combined with fine increment control.
Setting UI strings before rendering Setting configuration attributes Construction-time event subscription allowing Dial to control an interactive UI Calling one of Dial's value change methods from the click of a link. <a>Hubble</a> Notice the Dial can traverse the entire 6,000+ pixels of the scene height, but by pulling the handle farther away from the Dial's center while rotating, the user can get 1 pixel movements, without strain. After the dial has focus, the following keys also opperate the Dial, arrow up/down/left/right, page up/down, home, end.
Hubble thermosphere mesosphere stratosphere troposphere. Ng-animate First Look with AngularJS Wizard. The Setup So my friend Matias, aka Year of Moo, Moo or MooMoo as I like to call him just dropped some animation functionality into AngularJS.
I think this is fantastic and am super excited to see AngularJS get some love in the visual department. I dig that I can be functional AND fashionable! There is still a lot of work to be done around ng-animate but it is a great start and so I wanted to build something “useful” to get our feet wet. In the spirit of transparency I freely admit that my example is whimsical and silly and so if you write me and are like “You forgot to do BLAH BLAH or it is going to blow up in the enterprise” I AM GOING CLOTHESLINE YOU!
With that said, we are going to build a wizard style dialog using AngularStrap and ng-animate. DemoCode The Foundation We are going to first build the wizard by itself without any of the special sauce and then I am going to show you how easy it is to add in the animations. AngularJS - Using a Service to Communicate Between Two Different Controllers. Monday, January 6, 2014 Introduction AngularJS, being an MVC type of framework allows you to have a controller that is responsible for marshaling data to and from a view on your web page.
Well, what if you have a multiple controllers on a page that are completely independent from one another, but in certain cases you want those controllers to be able to communicate back and forth. I say completely independent, because you could nest the controllers, making a parent-child relationship, and then you could use the $rootScope object to communicate with each other. How $rootScope Works Every AngularJS application has exactly one $rootScope. So, in the case of controllers that have a parent-child relationship, you can use the existing inheritance between the controller to facilitate the communication.
Developer Guide: Developer Guide. Loading...
On this page, you will find a list of official AngularJS resources on various topics. Just starting out with AngularJS? Try working through our step by step tutorial or try building on our seed project. How to Create a Simple Modal Dialog Directive in Angular.js · Adam Albrecht. 12 Dec 2013 Modals are Easy I’ve used a dozen or so modal / lightbox plugins over the years, almost exclusively jQuery-based.
Ng-nuggets: Welcome! AngularJS + Firebase. Store and sync your AngularJS app's data in milliseconds.
Firebase is a realtime backend for your AngularJS app. Include Firebase Firebase works great with Angular and can synchronize your Angular app's data without any backend code. Try AngularFire We offer an optional helper library (AngularFire) for wiring up Firebase within your app. Advanced Testing and Debugging in AngularJS. AngularJS Tutorial – Learn AngularJS in 30 minutes. I started using AngularJS over 3 years ago when it was new and relatively unknown.
There has been much written about it, but I have yet to find something that is written for developers who prefer quick and practical examples. This changes today. Below you will find the basic building blocks of Angular apps – Models, Views, Controllers, Services and Filters – explained in 5 practical examples that you can edit directly in your browser.
Note: You can follow along with the tutorial using the Plunker links provided. Enhanced HTML Simple yet scalable Views play two important roles. AngularJS Cheat Sheet by ProLoser. Angularjs debugger.