docs(aio): rename ToH to match the guide name

2017-04-18 20:16:02 +02:00
parent 691e86c9bf
commit 9d40ab9e20
113 changed files with 174 additions and 174 deletions
--- a/aio/content/examples/toh-pt1/src/app/app.component.ts
+++ b/aio/content/examples/toh-pt1/src/app/app.component.ts
@ -0,0 +1,33 @@
+// #docregion
+import { Component } from '@angular/core';
+
+// #docregion hero-class-1
+export class Hero {
+  id: number;
+  name: string;
+}
+// #enddocregion hero-class-1
+
+@Component({
+  selector: 'my-app',
+  // #docregion editing-Hero
+  template: `
+    <h1>{{title}}</h1>
+    <h2>{{hero.name}} details!</h2>
+    <div><label>id: </label>{{hero.id}}</div>
+    <div>
+      <label>name: </label>
+      <input [(ngModel)]="hero.name" placeholder="name">
+    </div>
+    `
+  // #enddocregion editing-Hero
+})
+export class AppComponent {
+  title = 'Tour of Heroes';
+  // #docregion hero-property-1
+  hero: Hero = {
+    id: 1,
+    name: 'Windstorm'
+  };
+  // #enddocregion hero-property-1
+}
--- a/aio/content/examples/toh-pt1/src/app/app.module.ts
+++ b/aio/content/examples/toh-pt1/src/app/app.module.ts
@ -0,0 +1,18 @@
+// #docregion
+import { NgModule }      from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule }   from '@angular/forms'; // <-- NgModel lives here
+
+import { AppComponent }  from './app.component';
+
+@NgModule({
+  imports: [
+    BrowserModule,
+    FormsModule // <-- import the FormsModule before binding with [(ngModel)]
+  ],
+  declarations: [
+    AppComponent
+  ],
+  bootstrap: [ AppComponent ]
+})
+export class AppModule { }
--- a/aio/content/examples/toh-pt1/src/index.html
+++ b/aio/content/examples/toh-pt1/src/index.html
@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Angular Tour of Heroes</title>
+    <base href="/">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="styles.css">
+
+    <!-- Polyfills -->
+    <script src="node_modules/core-js/client/shim.min.js"></script>
+
+    <script src="node_modules/zone.js/dist/zone.js"></script>
+    <script src="node_modules/systemjs/dist/system.src.js"></script>
+
+    <script src="systemjs.config.js"></script>
+    <script>
+      System.import('main.js').catch(function(err){ console.error(err); });
+    </script>
+  </head>
+
+  <body>
+    <my-app>Loading...</my-app>
+  </body>
+</html>
--- a/aio/content/examples/toh-pt1/src/main.ts
+++ b/aio/content/examples/toh-pt1/src/main.ts
@ -0,0 +1,6 @@
+// #docregion
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { AppModule } from './app/app.module';
+
+platformBrowserDynamic().bootstrapModule(AppModule);
+// #enddocregion