There are a few things you might consider when running your AngularJS application in production. Disabling Debug Data By default AngularJS attaches information about binding and scopes to DOM nodes, and adds CSS classes to data-bound elements: As a result of ngBind, ngBindHtml or {{...}} interpolations, binding data and CSS class ng-binding are attached to the corresponding element. Where the compiler has created a new scope, the scope and either ng-scope or ng-isolated-scope CSS class are a

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology. Angular is what HTML would have been, had it been designed for applications. HTML is a grea

You can think of a module as a container for the different parts of your app â controllers, services, filters, directives, etc. Why? Most applications have a main method that instantiates and wires together the different parts of the application. Angular apps don't have a main method. Instead modules declaratively specify how an application should be bootstrapped. There are several advantages to this approach: The declarative process is easier to understand. You can package code as reusable mod

Internationalization (i18n) is the process of developing products in such a way that they can be localized for languages and cultures easily. Localization (l10n), is the process of adapting applications and text to enable their usability in a particular cultural or linguistic market. For application developers, internationalizing an application means abstracting all of the strings and other locale-specific bits (such as date or currency formats) out of the application. Localizing an application

Note: this guide is targeted towards developers who are already familiar with AngularJS basics. If you're just getting started, we recommend the tutorial first. If you just want to create custom directives, we recommend the directives guide. If you want a deeper look into Angular's compilation process, you're in the right place. Overview Angular's HTML compiler allows the developer to teach the browser new HTML syntax. The compiler allows you to attach behavior to any HTML element or attri

Controls (input, select, textarea) are ways for a user to enter data. A Form is a collection of controls for the purpose of grouping related controls together. Form and controls provide validation services, so that the user can be notified of invalid input before submitting a form. This provides a better user experience than server-side validation alone because the user gets instant feedback on how to correct the error. Keep in mind that while client-side validation plays an important role in p

A filter formats the value of an expression for display to the user. They can be used in view templates, controllers or services and it is easy to define your own filter. The underlying API is the filterProvider. Using filters in view templates Filters can be applied to expressions in view templates using the following syntax: {{ expression | filter }} E.g. the markup {{ 12 | currency }} formats the number 12 as a currency using the currency filter. The resulting value is $12.00. Filters can b

Angular expressions are JavaScript-like code snippets that are mainly placed in interpolation bindings such as <span title="{{ attrBinding }}">{{ textBinding }}</span>, but also used directly in directive attributes such as ng-click="functionExpression()". For example, these are valid expressions in Angular: 1+2 a+b user.name items[index] Angular Expressions vs. JavaScript Expressions Angular expressions are like JavaScript expressions with the following differences: Context: Jav

Note: this guide is targeted towards developers who are already familiar with AngularJS basics. If you're just getting started, we recommend the tutorial first. If you're looking for the directives API, we recently moved it to $compile. This document explains when you'd want to create your own directives in your AngularJS app, and how to implement them. What are Directives? At a high level, directives are markers on a DOM element (such as an attribute, element name, comment or CSS class) t

Everything you need to know about AngularJS What is AngularJS? Conceptual Overview Tutorials Official AngularJS Tutorial 10 Reasons Why You Should Use AngularJS 10 Reasons Why Developers Should Learn AngularJS Design Principles of AngularJS (video) Fundamentals in 60 Minutes (video) For folks with a jQuery background Core Concepts Templates In Angular applications, you move the job of filling page templates with data from the server to the client. The result is a system better structured fo