From a46cba06f0d8c9867eadd86632354119e79c2575 Mon Sep 17 00:00:00 2001 From: Ward Bell Date: Sat, 5 Nov 2016 13:12:11 -0700 Subject: [PATCH] docs(quickstart): app says "Hello Angular!" instead of "My first..." (#2760) --- .../quickstart/dart/lib/app_component.dart | 2 +- public/docs/_examples/quickstart/e2e-spec.ts | 4 ++-- .../_examples/quickstart/js/app/app.component.js | 2 +- .../_examples/quickstart/ts/app/app.component.ts | 2 +- public/docs/js/latest/quickstart.jade | 8 ++++---- public/docs/ts/_cache/quickstart.jade | 8 ++++---- public/docs/ts/latest/cli-quickstart.jade | 4 ++-- public/docs/ts/latest/quickstart.jade | 6 +++--- .../images/devguide/quickstart/hello-angular.png | Bin 0 -> 4059 bytes 9 files changed, 18 insertions(+), 18 deletions(-) create mode 100644 public/resources/images/devguide/quickstart/hello-angular.png diff --git a/public/docs/_examples/quickstart/dart/lib/app_component.dart b/public/docs/_examples/quickstart/dart/lib/app_component.dart index b300a28992..c8d3e6f143 100644 --- a/public/docs/_examples/quickstart/dart/lib/app_component.dart +++ b/public/docs/_examples/quickstart/dart/lib/app_component.dart @@ -5,7 +5,7 @@ import 'package:angular2/core.dart'; // #docregion metadata @Component( selector: 'my-app', - template: '

My First Angular App

') + template: '

Hello Angular!

') // #enddocregion metadata // #docregion class class AppComponent {} diff --git a/public/docs/_examples/quickstart/e2e-spec.ts b/public/docs/_examples/quickstart/e2e-spec.ts index a548ec833a..0acc433926 100644 --- a/public/docs/_examples/quickstart/e2e-spec.ts +++ b/public/docs/_examples/quickstart/e2e-spec.ts @@ -1,10 +1,10 @@ -'use strict'; // necessary for es6 output in node +'use strict'; // necessary for es6 output in node import { browser, element, by } from 'protractor'; describe('QuickStart E2E Tests', function () { - let expectedMsg = 'My First Angular App'; + let expectedMsg = 'Hello Angular!'; beforeEach(function () { browser.get(''); diff --git a/public/docs/_examples/quickstart/js/app/app.component.js b/public/docs/_examples/quickstart/js/app/app.component.js index 69d3e9127e..c770e8d1fb 100644 --- a/public/docs/_examples/quickstart/js/app/app.component.js +++ b/public/docs/_examples/quickstart/js/app/app.component.js @@ -10,7 +10,7 @@ ng.core.Component({ // #enddocregion ng-namespace-funcs selector: 'my-app', - template: '

My First Angular App

' + template: '

Hello Angular!

' // #docregion ng-namespace-funcs }) // #enddocregion component diff --git a/public/docs/_examples/quickstart/ts/app/app.component.ts b/public/docs/_examples/quickstart/ts/app/app.component.ts index e6c635440b..b80c22caa5 100644 --- a/public/docs/_examples/quickstart/ts/app/app.component.ts +++ b/public/docs/_examples/quickstart/ts/app/app.component.ts @@ -6,7 +6,7 @@ import { Component } from '@angular/core'; // #docregion metadata @Component({ selector: 'my-app', - template: '

My First Angular App

' + template: '

Hello Angular!

' }) // #enddocregion metadata // #docregion class diff --git a/public/docs/js/latest/quickstart.jade b/public/docs/js/latest/quickstart.jade index baa7ea01fc..4c5a8cdb09 100644 --- a/public/docs/js/latest/quickstart.jade +++ b/public/docs/js/latest/quickstart.jade @@ -20,7 +20,7 @@ include _util-fns and displays a simple message: figure.image-display - img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="Output of quickstart app") + img(src='/resources/images/devguide/quickstart/hello-angular.png' alt="Output of quickstart app") :marked Here is the file structure: .filetree @@ -208,7 +208,7 @@ code-example(format=""). :marked The `template` property holds the component's companion template. A template is a form of HTML that tells Angular how to render a view. - Our template is a single line of HTML announcing "My First Angular App". + Our template is a single line of HTML announcing "Hello Angular!". Now we need something to tell Angular to load this component. @@ -299,7 +299,7 @@ code-example(format=""). In a few moments, a browser tab should open and display figure.image-display - img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="Output of quickstart app") + img(src='/resources/images/devguide/quickstart/hello-angular.png' alt="Output of quickstart app") :marked Congratulations! We are in business. @@ -311,7 +311,7 @@ figure.image-display :marked ### Make some changes - Try changing the message to "My SECOND Angular app". + Try changing the message to "Hello Angular 2!". `lite-server` is watching, so it should detect the change, refresh the browser, and display the revised message. diff --git a/public/docs/ts/_cache/quickstart.jade b/public/docs/ts/_cache/quickstart.jade index d59ae2431b..6ebb0f1910 100644 --- a/public/docs/ts/_cache/quickstart.jade +++ b/public/docs/ts/_cache/quickstart.jade @@ -33,7 +33,7 @@ block includes and displays the simple message: figure.image-display - img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="Output of QuickStart app") + img(src='/resources/images/devguide/quickstart/hello-angular.png' alt="Output of QuickStart app") :marked # Build this app! @@ -290,7 +290,7 @@ p. The **template** specifies the component's companion template, written in an enhanced form of HTML that tells Angular how to render this component's view. - >Our template is a single line of HTML announcing "*My First Angular App*". + >Our template is a single line of HTML announcing "Hello Angular!". >A more advanced template could contain data bindings to component properties and might identify other application components which have their own templates. @@ -545,7 +545,7 @@ block run-app In a few moments, a browser tab should open and display figure.image-display - img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="Output of QuickStart app") + img(src='/resources/images/devguide/quickstart/hello-angular.png' alt="Output of QuickStart app") :marked **Great job!** @@ -556,7 +556,7 @@ block build-app :marked ## Make some changes - Try changing the message to "My SECOND Angular app". + Try changing the message to "Hello Angular 2!". block server-watching :marked The TypeScript compiler and `lite-server` are watching. diff --git a/public/docs/ts/latest/cli-quickstart.jade b/public/docs/ts/latest/cli-quickstart.jade index d66c8895e4..bbd23e367e 100644 --- a/public/docs/ts/latest/cli-quickstart.jade +++ b/public/docs/ts/latest/cli-quickstart.jade @@ -108,7 +108,7 @@ h2#first-component Step 4: Edit our first Angular component +makeExample('cli-quickstart/ts/src/app/cli-quickstart.component.css', null, 'src/app/cli-quickstart.component.css')(format=".") figure.image-display - img(src='/resources/images/devguide/cli-quickstart/my-first-app.png' alt="Output of QuickStart app") + img(src='/resources/images/devguide/cli-quickstart/hello-angular.png' alt="Output of QuickStart app") :marked Looking good! @@ -199,7 +199,7 @@ h3#component-decorator @Component decorator +makeExample('src/app/cli-quickstart.component.html', null, 'src/app/cli-quickstart.component.html')(format='.') :marked The `{{title}}` is an _interpolation_ binding that causes Angular to display the component's - `title` property. After out edit, Angular displays _My First Angular 2 App_. + `title` property. After out edit, Angular displays "Hello Angular!". We'll learn more about data binding as we read through the documentation. The **styleUrls** array specifies the location(s) of the component's private CSS style file(s). diff --git a/public/docs/ts/latest/quickstart.jade b/public/docs/ts/latest/quickstart.jade index 738c4cdde1..1229da5ed5 100644 --- a/public/docs/ts/latest/quickstart.jade +++ b/public/docs/ts/latest/quickstart.jade @@ -30,7 +30,7 @@ aside.is-right displays the simple message: figure.image-display - img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="Output of QuickStart app") + img(src='/resources/images/devguide/quickstart/hello-angular.png' alt="Output of QuickStart app") :marked **Try it out**. Here's a link to a . @@ -323,7 +323,7 @@ aside.is-right In a few moments, a browser tab should open and display the following: figure.image-display - img(src='/resources/images/devguide/quickstart/my-first-app.png' alt="Output of QuickStart app") + img(src='/resources/images/devguide/quickstart/hello-angular.png' alt="Output of QuickStart app") block build-app @@ -332,7 +332,7 @@ block build-app .l-main-section#make-changes h1 Step !{step++}: Make some live changes :marked - Try changing the message in `app/app.component.ts` to "My SECOND Angular App". + Try changing the message in `app/app.component.ts` to "Hello Angular 2!". block server-watching :marked The TypeScript compiler and `lite-server` will detect your change, recompile the TypeScript into JavaScript, diff --git a/public/resources/images/devguide/quickstart/hello-angular.png b/public/resources/images/devguide/quickstart/hello-angular.png new file mode 100644 index 0000000000000000000000000000000000000000..44bf04fe9eaaf6360d8040fd2711fc22610333b5 GIT binary patch literal 4059 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 KQ7Tig4Ei6OIK}$_ literal 0 HcmV?d00001