docs(toh): update HTTP chapter with style guide conventions

closes #1477
This commit is contained in:
Foxandxss 2016-05-23 10:02:17 +02:00 committed by Ward Bell
parent 6475b5efab
commit 129b34c77e
5 changed files with 19 additions and 18 deletions

View File

@ -16,17 +16,17 @@ export class DashboardComponent implements OnInit {
heroes: Hero[] = [];
constructor(
private _router: Router,
private _heroService: HeroService) {
private router: Router,
private heroService: HeroService) {
}
ngOnInit() {
this._heroService.getHeroes()
this.heroService.getHeroes()
.then(heroes => this.heroes = heroes.slice(1,5));
}
gotoDetail(hero: Hero) {
let link = ['HeroDetail', { id: hero.id }];
this._router.navigate(link);
this.router.navigate(link);
}
}

View File

@ -1,10 +1,11 @@
// #docplaster
// #docregion
import { Component, Input, Output, OnInit, EventEmitter } from '@angular/core';
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import { RouteParams } from '@angular/router-deprecated';
import { Hero } from './hero';
import { HeroService } from './hero.service';
@Component({
selector: 'my-hero-detail',
templateUrl: 'app/hero-detail.component.html',
@ -17,16 +18,16 @@ export class HeroDetailComponent implements OnInit {
navigated = false; // true if navigated here
constructor(
private _heroService: HeroService,
private _routeParams: RouteParams) {
private heroService: HeroService,
private routeParams: RouteParams) {
}
// #docregion ngOnInit
ngOnInit() {
if (this._routeParams.get('id') !== null) {
let id = +this._routeParams.get('id');
if (this.routeParams.get('id') !== null) {
let id = +this.routeParams.get('id');
this.navigated = true;
this._heroService.getHero(id)
this.heroService.getHero(id)
.then(hero => this.hero = hero);
} else {
this.navigated = false;
@ -36,7 +37,7 @@ export class HeroDetailComponent implements OnInit {
// #enddocregion ngOnInit
// #docregion save
save() {
this._heroService
this.heroService
.save(this.hero)
.then(hero => {
this.hero = hero; // saved hero, w/ id if new

View File

@ -1,7 +1,7 @@
// #docplaster
// #docregion
import { Injectable } from '@angular/core';
import { Http, Headers } from '@angular/http';
import { Headers, Http } from '@angular/http';
// #docregion rxjs
import 'rxjs/add/operator/toPromise';

View File

@ -21,11 +21,11 @@ export class HeroesComponent implements OnInit {
error: any;
constructor(
private _router: Router,
private _heroService: HeroService) { }
private router: Router,
private heroService: HeroService) { }
getHeroes() {
this._heroService
this.heroService
.getHeroes()
.then(heroes => this.heroes = heroes)
.catch(error => this.error = error); // TODO: Display error message
@ -46,7 +46,7 @@ export class HeroesComponent implements OnInit {
// #docregion delete
delete(hero: Hero, event: any) {
event.stopPropagation();
this._heroService
this.heroService
.delete(hero)
.then(res => {
this.heroes = this.heroes.filter(h => h !== hero);
@ -66,6 +66,6 @@ export class HeroesComponent implements OnInit {
}
gotoDetail() {
this._router.navigate(['HeroDetail', { id: this.selectedHero.id }]);
this.router.navigate(['HeroDetail', { id: this.selectedHero.id }]);
}
}

View File

@ -201,7 +201,7 @@ code-example(format="." language="bash").
:marked
### Save
We combine the call to the private `_post` and `_put` methods in a single `save` method. This simplifies the public api and makes the integration with `HeroDetailComponent` easier. `HeroService` determines which method to call based on the state of the `hero` object. If the hero already has an id we know it's an edit. Otherwise we know it's an add.
We combine the call to the private `post` and `put` methods in a single `save` method. This simplifies the public api and makes the integration with `HeroDetailComponent` easier. `HeroService` determines which method to call based on the state of the `hero` object. If the hero already has an id we know it's an edit. Otherwise we know it's an add.
+makeExample('toh-6/ts/app/hero.service.ts', 'save', 'app/hero.service.ts (save hero)')(format=".")