Developer Guide: Initializing Angular

Initializing angular consists of loading the angular.js script in your page, and specifying how angular should process and manage the page. To initialize angular you do the following:

The simplest way to initialize angular is to load the angular script and tell angular to compile and manage the whole page. You do this as follows:

<!doctype html>
<html xmlns:ng="http://angularjs.org" ng:app>
  <head>
    ...
  </head>
  <body>
    ...
    <script src="angular.js">
  </body>

Specifying the Angular Namespace

    <html xmlns:ng="http://angularjs.org">

You need to declare the angular namespace declaration in the following cases:

Creating Your Own Namespaces

When you are ready to define your own widgets, you must create your own namespace in addition to specifying the angular namespace. You use your own namespace to form the fully qualified name for widgets that you create.

For example, you could map the alias my to your domain, and create a widget called my:widget. To create your own namespace, simply add another xmlns tag to your page, create an alias, and set it to your unique domain:

    <html xmlns:ng="http://angularjs.org" xmlns:my="http://mydomain.com">

Loading the Angular Bootstrap Script

The angular bootstrap script comes in two flavors; a debug script, and a production script:

Related Topics