Google Phone Gallery

@workInProgress @ngdoc overview @name Tutorial: Step 1 @description

{@link tutorial Previous}

{@link http://angular.github.com/angular-phonecat/step-1/app Example}

{@link tutorial Tutorial Home}

{@link https://github.com/angular/angular-phonecat/commit/fa2a351f0ede1666041e407c52e4e5daf448c5f8 Code Diff}

{@link tutorial.step_2 Next}

In this step, we will add basic information about two cell phones. Note: We will usually include only the new code that we added for each step. In this and subsequent examples, we will leave out code from the previous step that hasn't changed, for example: ... ... Let's add the following code to `index.html`: __`app/index.html`:__


...
  Google Phone Gallery
...

...
  
    
      Nexus S
      
        Fast just got faster with Nexus S.
      
    
    
      Motorola XOOM™ with Wi-Fi
      
        The Next, Next Generation tablet.
      
    
  
...

## Discussion: * It's a static web page! We displayed info about two phones! Yay. * For those of you playing along at home on your own web servers, did you switch to Step 1 and refresh your browsers? * __{@link tutorial_intro Using Git:}__ From your `angular-phonecat` directory, run this command: git checkout step-1 * __{@link tutorial_intro Using Snapshots:}__ From `[install directory]/sandbox`, run this command: ./goto_step.sh 1 When you're ready, let's move on and start using some angular features to turn this static page into a dynamic web app.

{@link tutorial Previous}

{@link http://angular.github.com/angular-phonecat/step-1/app Example}

{@link tutorial Tutorial Home}

{@link https://github.com/angular/angular-phonecat/commit/fa2a351f0ede1666041e407c52e4e5daf448c5f8 Code Diff}

{@link tutorial.step_2 Next}