docs(aio): update migrated content from anguar.io

aio/content/examples/architecture/src/app/hero-list.component.ts

@@ -0,0 +1,29 @@
+import { Component, OnInit }   from '@angular/core';
+
+import { Hero }                from './hero';
+import { HeroService }         from './hero.service';
+
+// #docregion metadata, providers
+@Component({
+  selector:    'hero-list',
+  templateUrl: './hero-list.component.html',
+  providers:  [ HeroService ]
+})
+// #enddocregion providers
+// #docregion class
+export class HeroListComponent implements OnInit {
+  // #enddocregion metadata
+  heroes: Hero[];
+  selectedHero: Hero;
+
+  // #docregion ctor
+  constructor(private service: HeroService) { }
+  // #enddocregion ctor
+
+  ngOnInit() {
+    this.heroes = this.service.getHeroes();
+  }
+
+  selectHero(hero: Hero) { this.selectedHero = hero; }
+  // #docregion metadata
+}