创建出来，运行时报错 #1 (comment)

muyuqiu001 · Feb 12, 2017 · 421f81f · 421f81f
1 parent fc2cd2c
commit 421f81f
Show file tree

Hide file tree

Showing 9 changed files with 174 additions and 0 deletions.
diff --git a/README.txt b/README.txt
@@ -0,0 +1 @@
+��һ��angular2��С����
diff --git a/app/app.component.ts b/app/app.component.ts
@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'my-app',
+  template: `<h1>Hello {{name}}</h1>`,
+})
+export class AppComponent  { name = 'Angular'; }
diff --git a/app/app.module.ts b/app/app.module.ts
@@ -0,0 +1,11 @@
+import { NgModule }      from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+
+import { AppComponent }  from './app.component';
+
+@NgModule({
+  imports:      [ BrowserModule ],
+  declarations: [ AppComponent ],
+  bootstrap:    [ AppComponent ]
+})
+export class AppModule { }
diff --git a/app/main.ts b/app/main.ts
@@ -0,0 +1,5 @@
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app.module';
+
+platformBrowserDynamic().bootstrapModule(AppModule);
diff --git a/index.html b/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Angular QuickStart</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <base href="/">
+    <link rel="stylesheet" href="styles.css">
+
+    <!-- Polyfill(s) for older browsers -->
+    <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('./app/main.js').catch(function(err) {
+            console.error(err);
+        });
+    </script>
+</head>
+
+<body>
+    <my-app>Loading AppComponent content here ...</my-app>
+</body>
+
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,63 @@
+{
+    "name": "angular-tour-of-heroes",
+    "version": "1.0.0",
+    "description": "first hero model",
+    "scripts": {
+        "build": "tsc -p ./",
+        "build:watch": "tsc -p ./ -w",
+        "build:e2e": "tsc -p e2e/",
+        "serve": "lite-server -c=bs-config.json",
+        "serve:e2e": "lite-server -c=bs-config.e2e.json",
+        "prestart": "npm run build",
+        "start": "concurrently \"npm run build:watch\" \"npm run serve\"",
+        "pree2e": "npm run build:e2e",
+        "e2e": "concurrently \"npm run serve:e2e\" \"npm run protractor\" --kill-others --success first",
+        "preprotractor": "webdriver-manager update",
+        "protractor": "protractor protractor.config.js",
+        "pretest": "npm run build",
+        "test": "concurrently \"npm run build:watch\" \"karma start karma.conf.js\"",
+        "pretest:once": "npm run build",
+        "test:once": "karma start karma.conf.js --single-run",
+        "lint": "tslint ./**/*.ts -t verbose"
+    },
+    "keywords": [],
+    "author": "",
+    "license": "MIT",
+    "dependencies": {
+        "@angular/common": "~2.4.0",
+        "@angular/compiler": "~2.4.0",
+        "@angular/core": "~2.4.0",
+        "@angular/forms": "~2.4.0",
+        "@angular/http": "~2.4.0",
+        "@angular/platform-browser": "~2.4.0",
+        "@angular/platform-browser-dynamic": "~2.4.0",
+        "@angular/router": "~3.4.0",
+
+        "angular-in-memory-web-api": "~0.2.4",
+        "systemjs": "0.19.40",
+        "core-js": "^2.4.1",
+        "rxjs": "5.0.1",
+        "zone.js": "^0.7.4"
+    },
+    "devDependencies": {
+        "concurrently": "^3.2.0",
+        "lite-server": "^2.2.2",
+        "typescript": "~2.0.10",
+
+        "canonical-path": "0.0.2",
+        "tslint": "^3.15.1",
+        "lodash": "^4.16.4",
+        "jasmine-core": "~2.4.1",
+        "karma": "^1.3.0",
+        "karma-chrome-launcher": "^2.0.0",
+        "karma-cli": "^1.0.1",
+        "karma-jasmine": "^1.0.2",
+        "karma-jasmine-html-reporter": "^0.2.2",
+        "protractor": "~4.0.14",
+        "rimraf": "^2.5.4",
+
+        "@types/node": "^6.0.46",
+        "@types/jasmine": "^2.5.36"
+    },
+    "repository": {}
+}
diff --git a/styles.css b/styles.css
@@ -0,0 +1,5 @@
+h1 {
+    color: #369;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 250%;
+}
diff --git a/systemjs.config.js b/systemjs.config.js
@@ -0,0 +1,40 @@
+/**
+ * System configuration for Angular samples
+ * Adjust as necessary for your application needs.
+ */
+(function(global) {
+    System.config({
+        paths: {
+            // paths serve as alias
+            'npm:': 'node_modules/'
+        },
+        // map tells the System loader where to look for things
+        map: {
+            // our app is within the app folder
+            app: 'app',
+
+            // angular bundles
+            '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
+            '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
+            '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
+            '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
+            '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
+            '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
+            '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
+            '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
+
+            // other libraries
+            'rxjs': 'npm:rxjs',
+            'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js'
+        },
+        // packages tells the System loader how to load when no filename and/or no extension
+        packages: {
+            app: {
+                defaultExtension: 'js'
+            },
+            rxjs: {
+                defaultExtension: 'js'
+            }
+        }
+    });
+})(this);
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,13 @@
+{
+    "compilerOptions": {
+        "target": "es5",
+        "module": "commonjs",
+        "moduleResolution": "node",
+        "sourceMap": true,
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "lib": ["es2015", "dom"],
+        "noImplicitAny": true,
+        "suppressImplicitAnyIndexErrors": true
+    }
+}