Cookbook: Hello World

 Your name: <input type="text" name="name" value="World"/>
 <hr/>
 Hello {{name}}!

  it('should change the binding when user enters text', function(){
    expect(binding('name')).toEqual('World');
    input('name').enter('angular');
    expect(binding('name')).toEqual('angular');
  });

Things to notice

Take a look through the source and note:

• The script tag that bootstraps the angular environment.
• The text input widget which is bound to the greeting name text.
• No need for listener registration and event firing on change events.
• The implicit presence of the name variable which is in the root scope.
• The double curly brace {{markup}}, which binds the name variable to the greeting text.
• The concept of data binding, which reflects any changes to the input field in the greeting text.