background preloader

Angular

Facebook Twitter

Angular/bower-angular. A video player for AngularJS. AngularJS Best Practices - Jaco Pretorius. Miško Hevery – the father of AngularJS – gave a very interesting presentation on AngularJS best practices in December of last year. This presentation is available on YouTube and the actual slides are on Google Docs. I’m going to cover a few of the points he covered in his presentation and give my take on them. Directory Structure Angular suggests that you use a certain directory structure, which you can create either using the Angular-seed project or the new Yeoman tool.

(Angular-seed was actually created before Yeoman was around so you’re probably better off using Yeoman now) This is called ‘Convention over Configuration’ – a concept you will hear a lot if you delve into Rails – although this doesn’t really apply in Angular as far as I can tell. In any case, it’s still a good idea to stick to the conventions simply to make it easier for a developer to look at your codebase and know where files should live.

Dependency Injection Hiding Flashes of Unstyled Content {{ interpolation }} Use this: FrAngular : AngularJS en français. AngularJS Batarang. Angular directives for Twitter's Bootstrap. The $uibPosition service provides a set of DOM utilities used internally to absolute-position an element in relation to another element (tooltips, popovers, typeaheads etc...). getRawNode(element) Takes a jQuery/jqLite element and converts it to a raw DOM element. parameters element(Type: object) - The element to convert. returns (Type: element) - A raw DOM element. parseStyle(element) Parses a numeric style value to a number. Value(Type: string) - The style value to parse.

(Type: number) - The numeric value of the style property. offsetParent(element) Gets the closest positioned ancestor. element(Type: element) - The element to get the offset parent for. (Type: element) - The closest positioned ancestor. scrollbarWidth(isBody) Calculates the browser scrollbar width and caches the result for future calls. IsBody(Type: boolean, Default: false, optional) - Is the requested scrollbar width for the body/html element. (Type: number) - The width of the browser scrollbar. position(element, includeMargins) AngularUI for AngularJS. AngularUI Calendar for AngularJS. Angular-ui/ui-calendar.