├── Angular v2.2 Template
├── app
│ ├── app.component.ts
│ ├── app.module.ts
│ └── main.ts
├── favicon.ico
├── index.html
├── package.json
├── styles.css
├── systemjs.config.js
└── tsconfig.json
├── Angular-2-Final-Template
├── app
│ ├── app.component.ts
│ ├── app.module.ts
│ └── main.ts
├── index.html
├── package.json
├── styles.css
├── systemjs.config.js
├── tsconfig.json
└── typings.json
├── Code for ASP.NET
├── RC5_Template
├── app
│ ├── app.component.ts
│ ├── app.module.ts
│ └── main.ts
├── index.html
├── package.json
├── styles.css
├── systemjs.config.js
├── tsconfig.json
└── typings.json
├── README.md
└── Template
├── app
├── app.component.js
├── app.component.js.map
├── app.component.ts
├── main.js
├── main.js.map
└── main.ts
├── index.html
├── package.json
├── style.css
├── systemjs.config.js
├── tsconfig.json
└── typings.json
/Angular v2.2 Template/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'my-app',
5 | template: `
Hello {{name}}
`,
6 | })
7 | export class AppComponent { name = 'Angular'; }
8 |
--------------------------------------------------------------------------------
/Angular v2.2 Template/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { BrowserModule } from '@angular/platform-browser';
3 |
4 | import { AppComponent } from './app.component';
5 |
6 | @NgModule({
7 | imports: [ BrowserModule ],
8 | declarations: [ AppComponent ],
9 | bootstrap: [ AppComponent ]
10 | })
11 | export class AppModule { }
12 |
--------------------------------------------------------------------------------
/Angular v2.2 Template/app/main.ts:
--------------------------------------------------------------------------------
1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
2 |
3 | import { AppModule } from './app.module';
4 |
5 | platformBrowserDynamic().bootstrapModule(AppModule);
6 |
--------------------------------------------------------------------------------
/Angular v2.2 Template/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gopinav/Angular-2-Tutorials/16673a37c0190139983e3ceaef5766d2ff2d3410/Angular v2.2 Template/favicon.ico
--------------------------------------------------------------------------------
/Angular v2.2 Template/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Angular QuickStart
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
20 |
21 |
22 |
23 | Loading AppComponent content here ...
24 |
25 |
26 |
--------------------------------------------------------------------------------
/Angular v2.2 Template/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "angular-quickstart",
3 | "version": "1.0.0",
4 | "description": "QuickStart package.json from the documentation, supplemented with testing support",
5 | "scripts": {
6 | "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ",
7 | "e2e": "tsc && concurrently \"http-server -s\" \"protractor protractor.config.js\" --kill-others --success first",
8 | "lint": "tslint ./app/**/*.ts -t verbose",
9 | "lite": "lite-server",
10 | "pree2e": "webdriver-manager update",
11 | "test": "tsc && concurrently \"tsc -w\" \"karma start karma.conf.js\"",
12 | "test-once": "tsc && karma start karma.conf.js --single-run",
13 | "tsc": "tsc",
14 | "tsc:w": "tsc -w"
15 | },
16 | "keywords": [],
17 | "author": "",
18 | "license": "MIT",
19 | "dependencies": {
20 | "@angular/common": "~2.2.0",
21 | "@angular/compiler": "~2.2.0",
22 | "@angular/core": "~2.2.0",
23 | "@angular/forms": "~2.2.0",
24 | "@angular/http": "~2.2.0",
25 | "@angular/platform-browser": "~2.2.0",
26 | "@angular/platform-browser-dynamic": "~2.2.0",
27 | "@angular/router": "~3.2.0",
28 |
29 | "angular-in-memory-web-api": "~0.1.15",
30 | "systemjs": "0.19.40",
31 | "core-js": "^2.4.1",
32 | "reflect-metadata": "^0.1.8",
33 | "rxjs": "5.0.0-beta.12",
34 | "zone.js": "^0.6.26"
35 | },
36 | "devDependencies": {
37 | "concurrently": "^3.1.0",
38 | "lite-server": "^2.2.2",
39 | "typescript": "^2.0.10",
40 |
41 | "canonical-path": "0.0.2",
42 | "http-server": "^0.9.0",
43 | "tslint": "^3.15.1",
44 | "lodash": "^4.16.4",
45 | "jasmine-core": "~2.4.1",
46 | "karma": "^1.3.0",
47 | "karma-chrome-launcher": "^2.0.0",
48 | "karma-cli": "^1.0.1",
49 | "karma-htmlfile-reporter": "^0.3.4",
50 | "karma-jasmine": "^1.0.2",
51 | "karma-jasmine-html-reporter": "^0.2.2",
52 | "protractor": "4.0.9",
53 | "webdriver-manager": "10.2.5",
54 | "rimraf": "^2.5.4",
55 |
56 | "@types/node": "^6.0.46",
57 | "@types/jasmine": "^2.5.36",
58 | "@types/selenium-webdriver": "^2.53.33"
59 | },
60 | "repository": {}
61 | }
62 |
--------------------------------------------------------------------------------
/Angular v2.2 Template/styles.css:
--------------------------------------------------------------------------------
1 | h1 {
2 | color: #369;
3 | font-family: Arial, Helvetica, sans-serif;
4 | font-size: 250%;
5 | }
6 |
--------------------------------------------------------------------------------
/Angular v2.2 Template/systemjs.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * System configuration for Angular samples
3 | * Adjust as necessary for your application needs.
4 | */
5 | (function (global) {
6 | System.config({
7 | paths: {
8 | // paths serve as alias
9 | 'npm:': 'node_modules/'
10 | },
11 | // map tells the System loader where to look for things
12 | map: {
13 | // our app is within the app folder
14 | app: 'app',
15 |
16 | // angular bundles
17 | '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
18 | '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
19 | '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
20 | '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
21 | '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
22 | '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
23 | '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
24 | '@angular/router/upgrade': 'npm:@angular/router/bundles/router-upgrade.umd.js',
25 | '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
26 | '@angular/upgrade': 'npm:@angular/upgrade/bundles/upgrade.umd.js',
27 | '@angular/upgrade/static': 'npm:@angular/upgrade/bundles/upgrade-static.umd.js',
28 |
29 | // other libraries
30 | 'rxjs': 'npm:rxjs',
31 | 'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js'
32 | },
33 | // packages tells the System loader how to load when no filename and/or no extension
34 | packages: {
35 | app: {
36 | main: './main.js',
37 | defaultExtension: 'js'
38 | },
39 | rxjs: {
40 | defaultExtension: 'js'
41 | }
42 | }
43 | });
44 | })(this);
45 |
--------------------------------------------------------------------------------
/Angular v2.2 Template/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "module": "commonjs",
5 | "moduleResolution": "node",
6 | "sourceMap": true,
7 | "emitDecoratorMetadata": true,
8 | "experimentalDecorators": true,
9 | "lib": [ "es2015", "dom" ],
10 | "noImplicitAny": true,
11 | "suppressImplicitAnyIndexErrors": true
12 | },
13 | "exclude": [
14 | "node_modules/*",
15 | "**/*-aot.ts"
16 | ]
17 | }
18 |
--------------------------------------------------------------------------------
/Angular-2-Final-Template/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | @Component({
3 | selector: 'my-app',
4 | template: 'Hello World
'
5 | })
6 | export class AppComponent { }
7 |
--------------------------------------------------------------------------------
/Angular-2-Final-Template/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { BrowserModule } from '@angular/platform-browser';
3 | import { AppComponent } from './app.component';
4 | @NgModule({
5 | imports: [ BrowserModule ],
6 | declarations: [ AppComponent ],
7 | bootstrap: [ AppComponent ]
8 | })
9 | export class AppModule { }
10 |
--------------------------------------------------------------------------------
/Angular-2-Final-Template/app/main.ts:
--------------------------------------------------------------------------------
1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
2 | import { AppModule } from './app.module';
3 | const platform = platformBrowserDynamic();
4 | platform.bootstrapModule(AppModule);
5 |
--------------------------------------------------------------------------------
/Angular-2-Final-Template/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Angular QuickStart
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
18 |
19 |
20 |
21 | Loading...
22 |
23 |
24 |
--------------------------------------------------------------------------------
/Angular-2-Final-Template/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "angular-quickstart",
3 | "version": "1.0.0",
4 | "scripts": {
5 | "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
6 | "lite": "lite-server",
7 | "postinstall": "typings install",
8 | "tsc": "tsc",
9 | "tsc:w": "tsc -w",
10 | "typings": "typings"
11 | },
12 | "license": "ISC",
13 | "dependencies": {
14 | "@angular/common": "2.0.0",
15 | "@angular/compiler": "2.0.0",
16 | "@angular/core": "2.0.0",
17 | "@angular/forms": "2.0.0",
18 | "@angular/http": "2.0.0",
19 | "@angular/platform-browser": "2.0.0",
20 | "@angular/platform-browser-dynamic": "2.0.0",
21 | "@angular/router": "3.0.0",
22 | "@angular/upgrade": "2.0.0",
23 | "core-js": "^2.4.1",
24 | "reflect-metadata": "^0.1.3",
25 | "rxjs": "5.0.0-beta.12",
26 | "systemjs": "0.19.27",
27 | "zone.js": "^0.6.23",
28 | "angular2-in-memory-web-api": "0.0.20",
29 | "bootstrap": "^3.3.6"
30 | },
31 | "devDependencies": {
32 | "concurrently": "^2.2.0",
33 | "lite-server": "^2.2.2",
34 | "typescript": "^2.0.2",
35 | "typings":"^1.3.2"
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/Angular-2-Final-Template/styles.css:
--------------------------------------------------------------------------------
1 | /* Master Styles */
2 | h1 {
3 | color: #369;
4 | font-family: Arial, Helvetica, sans-serif;
5 | font-size: 250%;
6 | }
7 | h2, h3 {
8 | color: #444;
9 | font-family: Arial, Helvetica, sans-serif;
10 | font-weight: lighter;
11 | }
12 | body {
13 | margin: 2em;
14 | }
15 |
--------------------------------------------------------------------------------
/Angular-2-Final-Template/systemjs.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * System configuration for Angular samples
3 | * Adjust as necessary for your application needs.
4 | */
5 | (function (global) {
6 | System.config({
7 | paths: {
8 | // paths serve as alias
9 | 'npm:': 'node_modules/'
10 | },
11 | // map tells the System loader where to look for things
12 | map: {
13 | // our app is within the app folder
14 | app: 'app',
15 | // angular bundles
16 | '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
17 | '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
18 | '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
19 | '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
20 | '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
21 | '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
22 | '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
23 | '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
24 | // other libraries
25 | 'rxjs': 'npm:rxjs',
26 | 'angular-in-memory-web-api': 'npm:angular-in-memory-web-api',
27 | },
28 | // packages tells the System loader how to load when no filename and/or no extension
29 | packages: {
30 | app: {
31 | main: './main.js',
32 | defaultExtension: 'js'
33 | },
34 | rxjs: {
35 | defaultExtension: 'js'
36 | },
37 | 'angular-in-memory-web-api': {
38 | main: './index.js',
39 | defaultExtension: 'js'
40 | }
41 | }
42 | });
43 | })(this);
44 |
--------------------------------------------------------------------------------
/Angular-2-Final-Template/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": false
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/Angular-2-Final-Template/typings.json:
--------------------------------------------------------------------------------
1 | {
2 | "globalDependencies": {
3 | "core-js": "registry:dt/core-js#0.0.0+20160725163759",
4 | "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
5 | "node": "registry:dt/node#6.0.0+20160909174046"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/Code for ASP.NET:
--------------------------------------------------------------------------------
1 | In _layout.cshtml
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
16 |
17 |
18 | In Index.cshtml
19 |
20 | @{
21 | ViewBag.Title = "Home Page";
22 | }
23 |
24 |
Angular 2 QuickStart
25 |
26 |
27 |
28 |
29 | Loading...
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/RC5_Template/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | @Component({
3 | selector: 'my-app',
4 | template: 'My First Angular 2 App
'
5 | })
6 | export class AppComponent { }
7 |
--------------------------------------------------------------------------------
/RC5_Template/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { BrowserModule } from '@angular/platform-browser';
3 | import { AppComponent } from './app.component';
4 | @NgModule({
5 | imports: [ BrowserModule ],
6 | declarations: [ AppComponent ],
7 | bootstrap: [ AppComponent ]
8 | })
9 | export class AppModule { }
10 |
--------------------------------------------------------------------------------
/RC5_Template/app/main.ts:
--------------------------------------------------------------------------------
1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
2 | import { AppModule } from './app.module';
3 | platformBrowserDynamic().bootstrapModule(AppModule);
4 |
--------------------------------------------------------------------------------
/RC5_Template/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Angular 2 QuickStart
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
18 |
19 |
20 |
21 | Loading...
22 |
23 |
24 |
--------------------------------------------------------------------------------
/RC5_Template/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "angular2-quickstart",
3 | "version": "1.0.0",
4 | "scripts": {
5 | "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
6 | "lite": "lite-server",
7 | "postinstall": "typings install",
8 | "tsc": "tsc",
9 | "tsc:w": "tsc -w",
10 | "typings": "typings"
11 | },
12 | "license": "ISC",
13 | "dependencies": {
14 | "@angular/common": "2.0.0-rc.5",
15 | "@angular/compiler": "2.0.0-rc.5",
16 | "@angular/core": "2.0.0-rc.5",
17 | "@angular/forms": "0.3.0",
18 | "@angular/http": "2.0.0-rc.5",
19 | "@angular/platform-browser": "2.0.0-rc.5",
20 | "@angular/platform-browser-dynamic": "2.0.0-rc.5",
21 | "@angular/router": "3.0.0-rc.1",
22 | "@angular/router-deprecated": "2.0.0-rc.2",
23 | "@angular/upgrade": "2.0.0-rc.5",
24 | "systemjs": "0.19.27",
25 | "core-js": "^2.4.0",
26 | "reflect-metadata": "^0.1.3",
27 | "rxjs": "5.0.0-beta.6",
28 | "zone.js": "^0.6.12",
29 | "angular2-in-memory-web-api": "0.0.15",
30 | "bootstrap": "^3.3.6"
31 | },
32 | "devDependencies": {
33 | "concurrently": "^2.0.0",
34 | "lite-server": "^2.2.0",
35 | "typescript": "^1.8.10",
36 | "typings":"^1.0.4"
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/RC5_Template/styles.css:
--------------------------------------------------------------------------------
1 | h1 {
2 | color: #369;
3 | font-family: Arial, Helvetica, sans-serif;
4 | font-size: 250%;
5 | }
6 | body {
7 | margin: 2em;
8 | }
9 | /*
10 | * See https://github.com/angular/angular.io/blob/master/public/docs/_examples/styles.css
11 | * for the full set of master styles used by the documentation samples
12 | */
13 |
--------------------------------------------------------------------------------
/RC5_Template/systemjs.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * System configuration for Angular 2 samples
3 | * Adjust as necessary for your application needs.
4 | */
5 | (function(global) {
6 | // map tells the System loader where to look for things
7 | var map = {
8 | 'app': 'app', // 'dist',
9 | '@angular': 'node_modules/@angular',
10 | 'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
11 | 'rxjs': 'node_modules/rxjs'
12 | };
13 | // packages tells the System loader how to load when no filename and/or no extension
14 | var packages = {
15 | 'app': { main: 'main.js', defaultExtension: 'js' },
16 | 'rxjs': { defaultExtension: 'js' },
17 | 'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' },
18 | };
19 | var ngPackageNames = [
20 | 'common',
21 | 'compiler',
22 | 'core',
23 | 'forms',
24 | 'http',
25 | 'platform-browser',
26 | 'platform-browser-dynamic',
27 | 'router',
28 | 'router-deprecated',
29 | 'upgrade',
30 | ];
31 | // Individual files (~300 requests):
32 | function packIndex(pkgName) {
33 | packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
34 | }
35 | // Bundled (~40 requests):
36 | function packUmd(pkgName) {
37 | packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
38 | }
39 | // Most environments should use UMD; some (Karma) need the individual index files
40 | var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
41 | // Add package entries for angular packages
42 | ngPackageNames.forEach(setPackageConfig);
43 | var config = {
44 | map: map,
45 | packages: packages
46 | };
47 | System.config(config);
48 | })(this);
49 |
--------------------------------------------------------------------------------
/RC5_Template/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": false
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/RC5_Template/typings.json:
--------------------------------------------------------------------------------
1 | {
2 | "globalDependencies": {
3 | "core-js": "registry:dt/core-js#0.0.0+20160602141332",
4 | "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
5 | "node": "registry:dt/node#6.0.0+20160807145350"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Angular-2-Tutorials
2 | Docs pertaining to the tutorial series on Youtube.
3 |
4 | Using the Template (Use Angular 2.2 Template)
5 | - Clone to desktop.
6 | - Navigate to the Template folder.
7 | - Run 'npm install' on command line.
8 | - Run 'npm start' on command line.
9 |
--------------------------------------------------------------------------------
/Template/app/app.component.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
7 | };
8 | var __metadata = (this && this.__metadata) || function (k, v) {
9 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
10 | };
11 | var core_1 = require('@angular/core');
12 | var AppComponent = (function () {
13 | function AppComponent() {
14 | }
15 | AppComponent = __decorate([
16 | core_1.Component({
17 | selector: 'my-app',
18 | template: 'My First Angular 2 App
'
19 | }),
20 | __metadata('design:paramtypes', [])
21 | ], AppComponent);
22 | return AppComponent;
23 | }());
24 | exports.AppComponent = AppComponent;
25 | //# sourceMappingURL=app.component.js.map
--------------------------------------------------------------------------------
/Template/app/app.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"app.component.js","sourceRoot":"","sources":["app.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,qBAA0B,eAAe,CAAC,CAAA;AAM1C;IAAA;IAA4B,CAAC;IAJ7B;QAAC,gBAAS,CAAC;YACT,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,iCAAiC;SAC5C,CAAC;;oBAAA;IAC0B,mBAAC;AAAD,CAAC,AAA7B,IAA6B;AAAhB,oBAAY,eAAI,CAAA"}
--------------------------------------------------------------------------------
/Template/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'my-app',
5 | template: 'Hello World
'
6 | })
7 | export class AppComponent { }
8 |
--------------------------------------------------------------------------------
/Template/app/main.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var platform_browser_dynamic_1 = require('@angular/platform-browser-dynamic');
3 | var app_component_1 = require('./app.component');
4 | platform_browser_dynamic_1.bootstrap(app_component_1.AppComponent);
5 | //# sourceMappingURL=main.js.map
--------------------------------------------------------------------------------
/Template/app/main.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"main.js","sourceRoot":"","sources":["main.ts"],"names":[],"mappings":";AAAA,yCAA6B,mCAAmC,CAAC,CAAA;AAEjE,8BAA6B,iBAAiB,CAAC,CAAA;AAE/C,oCAAS,CAAC,4BAAY,CAAC,CAAC"}
--------------------------------------------------------------------------------
/Template/app/main.ts:
--------------------------------------------------------------------------------
1 | import { bootstrap } from '@angular/platform-browser-dynamic';
2 |
3 | import { AppComponent } from './app.component';
4 |
5 | bootstrap(AppComponent);
6 |
--------------------------------------------------------------------------------
/Template/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Angular 2 QuickStart
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
21 |
22 |
23 |
24 |
25 | Loading...
26 |
27 |
28 |
--------------------------------------------------------------------------------
/Template/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "angular",
3 | "version": "1.0.0",
4 | "scripts": {
5 | "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
6 | "lite": "lite-server",
7 | "postinstall": "typings install",
8 | "tsc": "tsc",
9 | "tsc:w": "tsc -w",
10 | "typings": "typings"
11 | },
12 | "license": "ISC",
13 | "dependencies": {
14 | "@angular/common": "2.0.0-rc.1",
15 | "@angular/compiler": "2.0.0-rc.1",
16 | "@angular/core": "2.0.0-rc.1",
17 | "@angular/http": "2.0.0-rc.1",
18 | "@angular/platform-browser": "2.0.0-rc.1",
19 | "@angular/platform-browser-dynamic": "2.0.0-rc.1",
20 | "@angular/router": "2.0.0-rc.1",
21 | "@angular/router-deprecated": "2.0.0-rc.1",
22 | "@angular/upgrade": "2.0.0-rc.1",
23 |
24 | "systemjs": "0.19.27",
25 | "es6-shim": "^0.35.0",
26 | "reflect-metadata": "^0.1.3",
27 | "rxjs": "5.0.0-beta.6",
28 | "zone.js": "^0.6.12",
29 |
30 | "angular2-in-memory-web-api": "0.0.7",
31 | "bootstrap": "^3.3.6"
32 | },
33 | "devDependencies": {
34 | "concurrently": "^2.0.0",
35 | "lite-server": "^2.2.0",
36 | "typescript": "^1.8.10",
37 | "typings":"^0.8.1"
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/Template/style.css:
--------------------------------------------------------------------------------
1 | /* Master Styles */
2 | h1 {
3 | color: #369;
4 | font-family: Arial, Helvetica, sans-serif;
5 | font-size: 250%;
6 | }
7 | h2, h3 {
8 | color: #444;
9 | font-family: Arial, Helvetica, sans-serif;
10 | font-weight: lighter;
11 | }
12 | body {
13 | margin: 2em;
14 | }
15 | body, input[text], button {
16 | color: #888;
17 | font-family: Cambria, Georgia;
18 | }
19 |
20 | /*
21 | * See https://github.com/angular/angular.io/blob/master/public/docs/_examples/styles.css
22 | * for the full set of master styles used by the documentation samples
23 | */
24 |
--------------------------------------------------------------------------------
/Template/systemjs.config.js:
--------------------------------------------------------------------------------
1 | (function(global) {
2 |
3 | // map tells the System loader where to look for things
4 | var map = {
5 | 'app': 'app', // 'dist',
6 | 'rxjs': 'node_modules/rxjs',
7 | 'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
8 | '@angular': 'node_modules/@angular'
9 | };
10 |
11 | // packages tells the System loader how to load when no filename and/or no extension
12 | var packages = {
13 | 'app': { main: 'main.js', defaultExtension: 'js' },
14 | 'rxjs': { defaultExtension: 'js' },
15 | 'angular2-in-memory-web-api': { defaultExtension: 'js' },
16 | };
17 |
18 | var packageNames = [
19 | '@angular/common',
20 | '@angular/compiler',
21 | '@angular/core',
22 | '@angular/http',
23 | '@angular/platform-browser',
24 | '@angular/platform-browser-dynamic',
25 | '@angular/router',
26 | '@angular/router-deprecated',
27 | '@angular/testing',
28 | '@angular/upgrade',
29 | ];
30 |
31 | // add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' }
32 | packageNames.forEach(function(pkgName) {
33 | packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
34 | });
35 |
36 | var config = {
37 | map: map,
38 | packages: packages
39 | }
40 |
41 | // filterSystemConfig - index.html's chance to modify config before we register it.
42 | if (global.filterSystemConfig) { global.filterSystemConfig(config); }
43 |
44 | System.config(config);
45 |
46 | })(this);
47 |
--------------------------------------------------------------------------------
/Template/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": false
11 | },
12 | "exclude": [
13 | "node_modules",
14 | "typings/main",
15 | "typings/main.d.ts"
16 | ]
17 | }
18 |
--------------------------------------------------------------------------------
/Template/typings.json:
--------------------------------------------------------------------------------
1 | {
2 | "dependencies": {
3 | "zone.js": "github:gdi2290/typed-zone.js#66ea8a3451542bb7798369306840e46be1d6ec89"
4 | },
5 | "devDependencies": {},
6 | "ambientDependencies": {
7 | "angular-protractor": "github:DefinitelyTyped/DefinitelyTyped/angular-protractor/angular-protractor.d.ts#64b25f63f0ec821040a5d3e049a976865062ed9d",
8 | "core-js": "registry:dt/core-js#0.0.0+20160317120654",
9 | "hammerjs": "github:DefinitelyTyped/DefinitelyTyped/hammerjs/hammerjs.d.ts#74a4dfc1bc2dfadec47b8aae953b28546cb9c6b7",
10 | "jasmine": "github:DefinitelyTyped/DefinitelyTyped/jasmine/jasmine.d.ts#4b36b94d5910aa8a4d20bdcd5bd1f9ae6ad18d3c",
11 | "node": "github:DefinitelyTyped/DefinitelyTyped/node/node.d.ts#8cf8164641be73e8f1e652c2a5b967c7210b6729",
12 | "selenium-webdriver": "github:DefinitelyTyped/DefinitelyTyped/selenium-webdriver/selenium-webdriver.d.ts#a83677ed13add14c2ab06c7325d182d0ba2784ea",
13 | "webpack": "github:DefinitelyTyped/DefinitelyTyped/webpack/webpack.d.ts#95c02169ba8fa58ac1092422efbd2e3174a206f4"
14 | }
15 | }
--------------------------------------------------------------------------------