From 8fd0e4bb97bc9b24614fc0919d76c5e7ead59726 Mon Sep 17 00:00:00 2001
From: mukesh51 <mukesh51@gmail.com>
Date: Mon, 19 Sep 2016 20:11:38 +0100
Subject: [PATCH 1/3] Update 1 - Install and Setup.md

Remove ModuleId: module.id, as WebPack takes care internally and is causing errors
---
 docs/1-install-and-setup.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/1-install-and-setup.md b/docs/1-install-and-setup.md
index 18fdb1583..0c116e92c 100644
--- a/docs/1-install-and-setup.md
+++ b/docs/1-install-and-setup.md
@@ -96,7 +96,7 @@ import { Component } from '@angular/core';
 import { AngularFire, FirebaseListObservable } from 'angularfire2';
 
 @Component({
-  moduleId: module.id,
+ 
   selector: 'app-root',
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.css']
@@ -118,7 +118,7 @@ import { Component } from '@angular/core';
 import { AngularFire, FirebaseListObservable } from 'angularfire2';
 
 @Component({
-  moduleId: module.id,
+  
   selector: 'app-root',
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.css']

From 44b9f2874ee6503580bff25985871540bd6dd153 Mon Sep 17 00:00:00 2001
From: mukesh51 <mukesh51@gmail.com>
Date: Mon, 19 Sep 2016 20:17:04 +0100
Subject: [PATCH 2/3] Update @ModuleName

Update ModuleName to make it consistent
---
 docs/1-install-and-setup.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/1-install-and-setup.md b/docs/1-install-and-setup.md
index 0c116e92c..3e7167635 100644
--- a/docs/1-install-and-setup.md
+++ b/docs/1-install-and-setup.md
@@ -83,7 +83,7 @@ export const firebaseConfig = {
   declarations: [ AppComponent ],
   bootstrap: [ AppComponent ]
 })
-export class MyAppModule {}
+export class AppModule {}
 
 ```
 

From 24d987c1c672656304df55e721171a495fdf2608 Mon Sep 17 00:00:00 2001
From: mukesh51 <mukesh51@gmail.com>
Date: Mon, 19 Sep 2016 20:26:49 +0100
Subject: [PATCH 3/3] Update to Retrieve Data as Object

The Tutorial needs to be in flow with "Install and Setup Page". Other pages needs to be looked into, which I'll do later.
---
 docs/2-retrieving-data-as-objects.md | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/docs/2-retrieving-data-as-objects.md b/docs/2-retrieving-data-as-objects.md
index 6c97d2014..f8c4c9a86 100644
--- a/docs/2-retrieving-data-as-objects.md
+++ b/docs/2-retrieving-data-as-objects.md
@@ -10,23 +10,27 @@ The guide below demonstrates how to retrieve, save, and remove data as objects.
 
 AngularFire is an injectable service, which is injected through the constructor of your Angular component or `@Injectable()` service.
 
+If you've followed the earlier step "Installation and Setup"  your `/src/app/app.component.ts` should look like below. 
+
 ```ts
 import { Component } from '@angular/core';
-import { AngularFire } from 'angularfire2';
+import { AngularFire, FirebaseListObservable } from 'angularfire2';
 
 @Component({
-  moduleId: module.id,
-  selector: 'app',
-  template: 'app.component.html',
+  selector: 'app-root',
+  templateUrl: 'app.component.html',
   styleUrls: ['app.component.css']
 })
 export class AppComponent {
+  items: FirebaseListObservable<any[]>;
   constructor(af: AngularFire) {
-    
+    this.items = af.database.list('items');
   }
 }
 ```
 
+In this section, we're going to modify the `/src/app/app.component.ts`  to retreive data as object.
+
 ## Create an object binding
 
 Data is retrieved through the `af.database` service.
@@ -48,12 +52,15 @@ const absolute = af.database.object('https://<your-app>.firebaseio.com/item');
 To get the object in realtime, create an object binding as a property of your component or service.
 Then in your template, you can use the `async` pipe to unwrap the binding.
 
+Replace the FirebaseListObservable to FirebaseObjectObservable in your `/src/app/app.component.ts` as below.
+Also notice the templateUrl changed to inline template below:
+
 ```ts
-import {Component} from 'angular2/core';
+import {Component} from '@angular/core';
 import {AngularFire, FirebaseObjectObservable} from 'angularfire2';
 
 @Component({
-  selector: 'app',
+  selector: 'app-root',
   template: `
   <h1>{{ (item | async)?.name }}</h1>
   `,
@@ -129,8 +136,7 @@ import { Component } from '@angular/core';
 import { AngularFire, FirebaseObjectObservable } from 'angularfire2';
 
 @Component({
-  moduleId: module.id,
-  selector: 'app',
+  selector: 'app-root',
   template: `
   <h1>{{ item | async | json }}</h1>
   <input type="text" #newname placeholder="Name" />
@@ -141,7 +147,7 @@ import { AngularFire, FirebaseObjectObservable } from 'angularfire2';
   <button (click)="delete()">Delete</button>
   `,
 })
-export class RcTestAppComponent {
+export class AppComponent {
   item: FirebaseObjectObservable<any>;
   constructor(af: AngularFire) {
     this.item = af.database.object('/item');