Finishing up the instructions for 3.3

Author: tjvantoll

index.html

@@ -750,16 +750,17 @@ <h4 class="exercise-start">
 }
 </code></pre>
 <p>TODO: Explain that mess above, and probably break it into a lot of steps.</p>
-<p>In app.component.ts. Add the line below to the top:</p>
-<pre><code class="lang-TypeScript">import {UserService} from &quot;./shared/user/user.service&quot;;
+<p>In app.component.ts. Add the lines below to the top:</p>
+<pre><code class="lang-TypeScript">import {HTTP_PROVIDERS} from &quot;angular2/http&quot;;
+import {UserService} from &quot;./shared/user/user.service&quot;;
 </code></pre>
 <p>Then change the constructor to this:</p>
 <pre><code class="lang-TypeScript">constructor(private _userService: UserService) {
   this.user = new User();
 }
 </code></pre>
 <p>Add this line to the @Component:</p>
-<pre><code class="lang-TypeScript">providers: [UserService],
+<pre><code class="lang-TypeScript">providers: [UserService, HTTP_PROVIDERS]
 </code></pre>
 <p>Then change the submit function to this:</p>
 <pre><code class="lang-TypeScript">submit() {
@@ -794,21 +795,24 @@ <h4 class="exercise-start">
 </code></pre>
 <p>Full app.component.ts:</p>
 <pre><code class="lang-TypeScript">import {Component} from &quot;angular2/core&quot;;
+import {HTTP_PROVIDERS} from &quot;angular2/http&quot;;
 import {User} from &quot;./shared/user/user&quot;;
 import {UserService} from &quot;./shared/user/user.service&quot;;
 
 @Component({
   selector: &quot;my-app&quot;,
   templateUrl: &quot;pages/login/login.html&quot;,
   styleUrls: [&quot;pages/login/login-common.css&quot;, &quot;pages/login/login.css&quot;],
-  providers: [UserService]
+  providers: [UserService, HTTP_PROVIDERS]
 })
 export class AppComponent {
   user: User;
   isLoggingIn = true;
 
   constructor(private _userService: UserService) {
     this.user = new User();
+    this.user.email = &quot;nativescriptrocks@telerik.com&quot;;
+    this.user.password = &quot;password&quot;;
   }
   submit() {
     if (this.isLoggingIn) {
@@ -835,17 +839,9 @@ <h4 class="exercise-start">
   }
 }
 </code></pre>
-<p>Also change main.ts to use this:</p>
-<pre><code class="lang-TypeScript">import {HTTP_PROVIDERS} from &quot;angular2/http&quot;;
-import {nativeScriptBootstrap} from &quot;nativescript-angular/application&quot;;
-import {AppComponent} from &quot;./app.component&quot;;
-
-nativeScriptBootstrap(AppComponent, [HTTP_PROVIDERS]);
-</code></pre>
 <div class="exercise-end"></div>
 
-
-
+<p>Show that user account creation now works and transition to routing.</p>
 <h3 id="routing">Routing</h3>
 
 			</div>

src/chapters/chapter3.md

@@ -289,9 +289,10 @@ export class UserService {
 
 TODO: Explain that mess above, and probably break it into a lot of steps.
 
-In app.component.ts. Add the line below to the top:
+In app.component.ts. Add the lines below to the top:
 
 ``` TypeScript
+import {HTTP_PROVIDERS} from "angular2/http";
 import {UserService} from "./shared/user/user.service";
 ```
 
@@ -306,7 +307,7 @@ constructor(private _userService: UserService) {
 Add this line to the @Component:
 
 ``` TypeScript
-providers: [UserService],
+providers: [UserService, HTTP_PROVIDERS]
 ```
 
 Then change the submit function to this:
@@ -353,21 +354,24 @@ Full app.component.ts:
 
 ``` TypeScript
 import {Component} from "angular2/core";
+import {HTTP_PROVIDERS} from "angular2/http";
 import {User} from "./shared/user/user";
 import {UserService} from "./shared/user/user.service";
 
 @Component({
   selector: "my-app",
   templateUrl: "pages/login/login.html",
   styleUrls: ["pages/login/login-common.css", "pages/login/login.css"],
-  providers: [UserService]
+  providers: [UserService, HTTP_PROVIDERS]
 })
 export class AppComponent {
   user: User;
   isLoggingIn = true;
 
   constructor(private _userService: UserService) {
     this.user = new User();
+    this.user.email = "nativescriptrocks@telerik.com";
+    this.user.password = "password";
   }
   submit() {
     if (this.isLoggingIn) {
@@ -395,18 +399,8 @@ export class AppComponent {
 }
 ```
 
-Also change main.ts to use this:
-
-``` TypeScript
-import {HTTP_PROVIDERS} from "angular2/http";
-import {nativeScriptBootstrap} from "nativescript-angular/application";
-import {AppComponent} from "./app.component";
-
-nativeScriptBootstrap(AppComponent, [HTTP_PROVIDERS]);
-```
-
 <div class="exercise-end"></div>
 
-
+Show that user account creation now works and transition to routing.
 
 ### Routing