honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs(*): npm run both -> npm run go 

closes #489
This commit is contained in:
Ward Bell 2015-12-13 12:36:37 -08:00
parent b2b4d3b8c9
commit dc1c054927
4 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/docs/_examples/package.json
View File

@ -9,7 +9,7 @@
"lite": "lite-server", "lite": "lite-server",
"live": "live-server", "live": "live-server",
"start": "npm run lite", "start": "npm run lite",
"both": "concurrent \"npm run tsc:w\" \"npm run start\" ", "go": "concurrent \"npm run tsc:w\" \"npm run start\" ",
"test": "karma start karma.conf.js", "test": "karma start karma.conf.js",
"build-and-test": "npm run tsc && npm run test" "build-and-test": "npm run tsc && npm run test"
}, },

2
public/docs/_examples/quickstart/ts/package.1.json
View File

@ -5,7 +5,7 @@
"tsc": "tsc", "tsc": "tsc",
"tsc:w": "tsc -w", "tsc:w": "tsc -w",
"lite": "lite-server", "lite": "lite-server",
"both": "concurrent \"npm run tsc:w\" \"npm run lite\" " "go": "concurrent \"npm run tsc:w\" \"npm run lite\" "
}, },
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {

14
public/docs/ts/latest/guide/displaying-data.jade
View File

@ -11,9 +11,9 @@ include ../../../../_includes/_util-fns
In this chapter, we'll create a component with a list of heroes. Each hero has a name. In this chapter, we'll create a component with a list of heroes. Each hero has a name.
We'll display the list of hero names and We'll display the list of hero names and
conditionally show a selected hero in a detail area below the list. conditionally show a selected hero in a detail area below the list.
[Live Example](/resources/live-examples/displaying-data/ts/src/plnkr.html). [Live Example](/resources/live-examples/displaying-data/ts/src/plnkr.html).
Our final UI looks like this: Our final UI looks like this:
figure.image-display figure.image-display
@ -73,18 +73,18 @@ figure.image-display
When we bootstrap with the `AppComponent` class (see `boot.ts`), Angular looks for a `<my-app>` When we bootstrap with the `AppComponent` class (see `boot.ts`), Angular looks for a `<my-app>`
in the `index.html`, finds it, instantiates an instance of `AppComponent`, and renders it in the `index.html`, finds it, instantiates an instance of `AppComponent`, and renders it
inside the `<my-app>` tag. inside the `<my-app>` tag.
We're ready to see changes in a running app by firing up the npm script that both compiles and serves our applications We're ready to see changes in a running app by firing up the npm script that both compiles and serves our applications
while watching for changes. while watching for changes.
code-example(format=""). code-example(format="").
npm run both npm run go
:marked :marked
We should see the title and hero name: We should see the title and hero name:
figure.image-display figure.image-display
img(src="/resources/images/devguide/displaying-data/title-and-hero.png" alt="Title and Hero") img(src="/resources/images/devguide/displaying-data/title-and-hero.png" alt="Title and Hero")
:marked :marked
Let's review some of the choices we made and consider alternatives. Let's review some of the choices we made and consider alternatives.
## Template inline or template file? ## Template inline or template file?
We can store our component's template in one of two places. We can store our component's template in one of two places.
@ -154,7 +154,7 @@ figure.image-display
In fact, `NgFor` can repeat items for any [iterable](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) In fact, `NgFor` can repeat items for any [iterable](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols)
object. object.
:marked :marked
Assuming we're still running under the `npm both` command, Assuming we're still running under the `npm both` command,
we should see heroes appearing in an unordered list. we should see heroes appearing in an unordered list.
figure.image-display figure.image-display
@ -240,7 +240,7 @@ figure.image-display
Try it out. We have four items in the array so the message should appear. Try it out. We have four items in the array so the message should appear.
Go back into `app.component.ts` and delete or comment out one of the elements from the hero array. Go back into `app.component.ts` and delete or comment out one of the elements from the hero array.
The browser should refresh automatically and the message should disappear. The browser should refresh automatically and the message should disappear.
Play with it. Play with it.
.l-main-section .l-main-section

4
public/docs/ts/latest/quickstart.jade
View File

@ -259,7 +259,7 @@ code-example(format="").
Open a terminal window and enter this command: Open a terminal window and enter this command:
code-example(format=""). code-example(format="").
npm run both npm run go
:marked :marked
That command runs two parallel node processes That command runs two parallel node processes
1. The TypeScript compiler in watch mode 1. The TypeScript compiler in watch mode
@ -374,7 +374,7 @@ code-example(format="").
:marked :marked
We've seen how we can run the compiler and a server at the same time with this command: We've seen how we can run the compiler and a server at the same time with this command:
code-example(format=""). code-example(format="").
npm run both npm run go
:marked :marked
We execute npm scripts in that manner: `npm run` + *script-name*. Here's what these scripts do: We execute npm scripts in that manner: `npm run` + *script-name*. Here's what these scripts do: