diff options
Diffstat (limited to 'docs/content/guide/dev_guide.overview.ngdoc')
| -rw-r--r-- | docs/content/guide/dev_guide.overview.ngdoc | 20 |
1 files changed, 8 insertions, 12 deletions
diff --git a/docs/content/guide/dev_guide.overview.ngdoc b/docs/content/guide/dev_guide.overview.ngdoc index 2e555dd8..3b4d237f 100644 --- a/docs/content/guide/dev_guide.overview.ngdoc +++ b/docs/content/guide/dev_guide.overview.ngdoc @@ -79,22 +79,18 @@ easier a web developer's life can if they're using angular: Try out the Live Preview above, and then let's walk through the example and describe what's going on. -In the `<html>` tag, we add an attribute to let the browser know about the angular namespace: +In the `<html>` tag, we add an attribute to let the browser know about the angular namespace. +This ensures angular runs nicely in all major browsers. We also specify that it is an angular +application with the `ng:app` directive. The `ng:app' will cause the angular to {@link +dev_guide.bootstrap auto initialize} your application. - <html xmlns:ng="http://angularjs.org"> + <html xmlns:ng="http://angularjs.org" ng:app> -This ensures angular runs nicely in all major browsers. +We load the angular using the `<script>` tag: -In the `<script>` tag we do two angular setup tasks: + `<script src="http://code.angularjs.org/0.9.15/angular-0.9.15.min.js"></script>` -1. We load `angular.js`. -2. The angular {@link api/angular.directive.ng:autobind ng:autobind} directive tells angular to -{@link dev_guide.compiler compile} and manage the whole HTML document. - - `<script src="http://code.angularjs.org/0.9.15/angular-0.9.15.min.js" - ng:autobind></script>` - -From the `name` attribute of the `<input>` tags, angular automatically sets up two-way data +From the `ng:model` attribute of the `<input>` tags, angular automatically sets up two-way data binding, and we also demonstrate some easy input validation: Quantity: <input type="integer" min="0" ng:model="qty" required > |