├── 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 | } --------------------------------------------------------------------------------