Skip to content
This repository was archived by the owner on Dec 4, 2017. It is now read-only.

docs(quickstart): app says "Hello Angular!" instead of "My first..." #2760

Merged
merged 1 commit into from
Nov 5, 2016
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import 'package:angular2/core.dart';
// #docregion metadata
@Component(
selector: 'my-app',
template: '<h1>My First Angular App</h1>')
template: '<h1>Hello Angular!</h1>')
// #enddocregion metadata
// #docregion class
class AppComponent {}
4 changes: 2 additions & 2 deletions public/docs/_examples/quickstart/e2e-spec.ts
Original file line number Diff line number Diff line change
@@ -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('');
Expand Down
2 changes: 1 addition & 1 deletion public/docs/_examples/quickstart/js/app/app.component.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
ng.core.Component({
// #enddocregion ng-namespace-funcs
selector: 'my-app',
template: '<h1>My First Angular App</h1>'
template: '<h1>Hello Angular!</h1>'
// #docregion ng-namespace-funcs
})
// #enddocregion component
Expand Down
2 changes: 1 addition & 1 deletion public/docs/_examples/quickstart/ts/app/app.component.ts
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import { Component } from '@angular/core';
// #docregion metadata
@Component({
selector: 'my-app',
template: '<h1>My First Angular App</h1>'
template: '<h1>Hello Angular!</h1>'
})
// #enddocregion metadata
// #docregion class
Expand Down
8 changes: 4 additions & 4 deletions public/docs/js/latest/quickstart.jade
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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.

Expand Down Expand Up @@ -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.
Expand All @@ -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.
Expand Down
8 changes: 4 additions & 4 deletions public/docs/ts/_cache/quickstart.jade
Original file line number Diff line number Diff line change
Expand Up @@ -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!
Expand Down Expand Up @@ -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.
Expand Down Expand Up @@ -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!**
Expand All @@ -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.
Expand Down
4 changes: 2 additions & 2 deletions public/docs/ts/latest/cli-quickstart.jade
Original file line number Diff line number Diff line change
Expand Up @@ -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!
Expand Down Expand Up @@ -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).
Expand Down
6 changes: 3 additions & 3 deletions public/docs/ts/latest/quickstart.jade
Original file line number Diff line number Diff line change
Expand Up @@ -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 <live-example></live-example>.
Expand Down Expand Up @@ -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
Expand All @@ -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,
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.