├── src
├── app.component.html
├── app.component.ts
├── main.ts
└── app.module.ts
├── README.md
├── index.html
├── webpack.config.js
├── tsconfig.json
├── .gitignore
└── package.json
/src/app.component.html:
--------------------------------------------------------------------------------
1 |
2 | Hello World!
3 |
4 |
--------------------------------------------------------------------------------
/src/app.component.ts:
--------------------------------------------------------------------------------
1 | import {Component} from '@angular/core';
2 |
3 | @Component({
4 | selector: 'hello-world',
5 | templateUrl: 'src/app.component.html'
6 | })
7 | export class AppComponent {
8 | }
--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
1 | // import 'reflect-metadata';
2 | import 'core-js'; // include reflect & polyfill
3 | import 'zone.js';
4 |
5 | import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
6 | import {AppModule} from './app.module';
7 |
8 | platformBrowserDynamic().bootstrapModule(AppModule)
9 | .catch(err => console.error(err));
10 |
--------------------------------------------------------------------------------
/src/app.module.ts:
--------------------------------------------------------------------------------
1 | // app.module.ts
2 | import {NgModule} from '@angular/core';
3 | import {BrowserModule} from "@angular/platform-browser";
4 | import {AppComponent} from "./app.component";
5 |
6 | @NgModule({
7 | declarations: [AppComponent],
8 | imports: [BrowserModule],
9 | bootstrap: [AppComponent]
10 | })
11 | export class AppModule {
12 | }
13 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ### 注意：新版本（Angular 4 + Angular CLI）已迁移至新repo
2 |
3 | https://github.com/angular-programming/angular-hello-world
4 |
5 | ## Usage
6 |
7 | - Clone or fork this repository
8 | - Make sure you have node.js(> 4.0) installed
9 | - run `npm install` to install dependencies
10 | - run `npm start` to fire up dev server
11 | - open browser to http://localhost:3000
12 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Angular 2 Hello World
7 |
8 |
9 |
10 |
11 | 加载中...
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | var webpack = require('webpack');
2 | var path = require('path');
3 | module.exports = {
4 | entry: './src/main.ts',
5 |
6 | output: {
7 | filename: './bundle.js'
8 | },
9 |
10 | resolve: {
11 | root: [ path.join(__dirname, 'src') ],
12 | extensions: ['', '.ts', '.js']
13 | },
14 |
15 | module: {
16 | loaders: [
17 | { test: /\.ts$/, loader: 'ts-loader' }
18 | ]
19 | }
20 | };
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "module": "commonjs",
5 | "moduleResolution": "node",
6 | "sourceMap": true,
7 | "emitDecoratorMetadata": true,
8 | "experimentalDecorators": true,
9 | "removeComments": false,
10 | "noImplicitAny": true,
11 | "suppressImplicitAnyIndexErrors": true,
12 | "typeRoots": [
13 | "./node_modules/@types/"
14 | ]
15 | },
16 | "compileOnSave": true,
17 | "exclude": [
18 | "node_modules"
19 | ]
20 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 |
6 | # Runtime data
7 | pids
8 | *.pid
9 | *.seed
10 |
11 | # Directory for instrumented libs generated by jscoverage/JSCover
12 | lib-cov
13 |
14 | # Coverage directory used by tools like istanbul
15 | coverage
16 |
17 | # nyc test coverage
18 | .nyc_output
19 |
20 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
21 | .grunt
22 |
23 | # node-waf configuration
24 | .lock-wscript
25 |
26 | # Compiled binary addons (http://nodejs.org/api/addons.html)
27 | build/Release
28 |
29 | # Dependency directories
30 | node_modules
31 | jspm_packages
32 |
33 | # Optional npm cache directory
34 | .npm
35 |
36 | # Optional REPL history
37 | .node_repl_history
38 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "HelloWorld",
3 | "version": "1.0.0",
4 | "description": "Hello-world project for Angular 2",
5 | "scripts": {
6 | "server": "webpack-dev-server --inline --colors --progress --port 3000",
7 | "start": "npm run server"
8 | },
9 | "license": "MIT",
10 | "devDependencies": {
11 | "@types/core-js": "0.9.34",
12 | "ts-loader": "1.2.0",
13 | "typescript": "2.0.0",
14 | "webpack": "1.12.9",
15 | "webpack-dev-server": "1.14.0"
16 | },
17 | "dependencies": {
18 | "@angular/common": "2.0.0",
19 | "@angular/compiler": "2.0.0",
20 | "@angular/core": "2.0.0",
21 | "@angular/platform-browser": "2.0.0",
22 | "@angular/platform-browser-dynamic": "2.0.0",
23 | "core-js": "2.4.1",
24 | "reflect-metadata": "0.1.8",
25 | "rxjs": "5.0.0-beta.12",
26 | "zone.js": "0.6.26"
27 | }
28 | }
29 |
--------------------------------------------------------------------------------