mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-16 23:30:23 +00:00
fc060dfc08
Before, there we multiple overview docs: - guide/overview - guide/introduction - guide/dev_guide.mvc - guide/dev_guide.mvc.understanding_model - guide/dev_guide.mvc.understanding_view - guide/concepts Now we have: - guide/introduction: High level description of Angular with the key benefits but without code or any concrete concepts - guide/concepts: explains all important concepts with a simple example and contains deep links to the other parts of the guide. All the old information was moved into existing documents or deleted when they were duplicates.
39 lines
1.2 KiB
Text
39 lines
1.2 KiB
Text
@ngdoc overview
|
|
@name Cookbook: Hello World
|
|
@description
|
|
|
|
<doc:example>
|
|
<doc:source>
|
|
<script>
|
|
function HelloCntl($scope) {
|
|
$scope.name = 'World';
|
|
}
|
|
</script>
|
|
<div ng-controller="HelloCntl">
|
|
Your name: <input type="text" ng-model="name"/>
|
|
<hr/>
|
|
Hello {{name || "World"}}!
|
|
</div>
|
|
</doc:source>
|
|
<doc:scenario>
|
|
it('should change the binding when user enters text', function() {
|
|
expect(binding('name')).toEqual('World');
|
|
input('name').enter('angular');
|
|
expect(binding('name')).toEqual('angular');
|
|
});
|
|
</doc:scenario>
|
|
</doc:example>
|
|
|
|
# Things to notice
|
|
|
|
Take a look through the source and note:
|
|
|
|
* The script tag that {@link guide/bootstrap bootstraps} the Angular environment.
|
|
* The text {@link api/ng.directive:input input form control} which is
|
|
bound to the greeting name text.
|
|
* There is no need for listener registration and event firing on change events.
|
|
* The implicit presence of the `name` variable which is in the root {@link api/ng.$rootScope.Scope scope}.
|
|
* The double curly brace `{{markup}}`, which binds the name variable to the greeting text.
|
|
* The concept of {@link guide/databinding data binding}, which reflects any
|
|
changes to the
|
|
input field in the greeting text.
|