├── README.md
├── angular.json
├── package.json
└── src
├── app
├── app.component.css
├── app.component.html
├── app.component.ts
├── app.module.ts
└── hello.component.ts
├── index.html
├── main.ts
├── polyfills.ts
└── styles.css
/README.md:
--------------------------------------------------------------------------------
1 | # angular-rtja3q
2 |
3 | [Edit on StackBlitz ⚡️](https://stackblitz.com/edit/angular-rtja3q)
--------------------------------------------------------------------------------
/angular.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3 | "version": 1,
4 | "newProjectRoot": "projects",
5 | "projects": {
6 | "demo": {
7 | "root": "",
8 | "sourceRoot": "src",
9 | "projectType": "application",
10 | "prefix": "app",
11 | "schematics": {},
12 | "architect": {
13 | "build": {
14 | "builder": "@angular-devkit/build-angular:browser",
15 | "options": {
16 | "outputPath": "dist/demo",
17 | "index": "src/index.html",
18 | "main": "src/main.ts",
19 | "polyfills": "src/polyfills.ts",
20 | "tsConfig": "src/tsconfig.app.json",
21 | "assets": [
22 | "src/favicon.ico",
23 | "src/assets"
24 | ],
25 | "styles": [
26 | "src/styles.css"
27 | ],
28 | "scripts": []
29 | },
30 | "configurations": {
31 | "production": {
32 | "fileReplacements": [
33 | {
34 | "replace": "src/environments/environment.ts",
35 | "with": "src/environments/environment.prod.ts"
36 | }
37 | ],
38 | "optimization": true,
39 | "outputHashing": "all",
40 | "sourceMap": false,
41 | "extractCss": true,
42 | "namedChunks": false,
43 | "aot": true,
44 | "extractLicenses": true,
45 | "vendorChunk": false,
46 | "buildOptimizer": true
47 | }
48 | }
49 | },
50 | "serve": {
51 | "builder": "@angular-devkit/build-angular:dev-server",
52 | "options": {
53 | "browserTarget": "demo:build"
54 | },
55 | "configurations": {
56 | "production": {
57 | "browserTarget": "demo:build:production"
58 | }
59 | }
60 | },
61 | "extract-i18n": {
62 | "builder": "@angular-devkit/build-angular:extract-i18n",
63 | "options": {
64 | "browserTarget": "demo:build"
65 | }
66 | },
67 | "test": {
68 | "builder": "@angular-devkit/build-angular:karma",
69 | "options": {
70 | "main": "src/test.ts",
71 | "polyfills": "src/polyfills.ts",
72 | "tsConfig": "src/tsconfig.spec.json",
73 | "karmaConfig": "src/karma.conf.js",
74 | "styles": [
75 | "styles.css"
76 | ],
77 | "scripts": [],
78 | "assets": [
79 | "src/favicon.ico",
80 | "src/assets"
81 | ]
82 | }
83 | },
84 | "lint": {
85 | "builder": "@angular-devkit/build-angular:tslint",
86 | "options": {
87 | "tsConfig": [
88 | "src/tsconfig.app.json",
89 | "src/tsconfig.spec.json"
90 | ],
91 | "exclude": [
92 | "**/node_modules/**"
93 | ]
94 | }
95 | }
96 | }
97 | }
98 | },
99 | "defaultProject": "demo"
100 | }
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "angular",
3 | "version": "0.0.0",
4 | "private": true,
5 | "dependencies": {
6 | "@angular/common": "^8.0.0",
7 | "@angular/compiler": "^8.0.0",
8 | "@angular/core": "^8.0.0",
9 | "@angular/forms": "^8.0.0",
10 | "@angular/platform-browser": "^8.0.0",
11 | "@angular/platform-browser-dynamic": "^8.0.0",
12 | "@angular/router": "^8.0.0",
13 | "core-js": "2",
14 | "rxjs": "^6.5.2",
15 | "zone.js": "^0.9.1"
16 | },
17 | "scripts": {
18 | "ng": "ng",
19 | "start": "ng serve",
20 | "build": "ng build",
21 | "test": "ng test",
22 | "lint": "ng lint",
23 | "e2e": "ng e2e"
24 | },
25 | "devDependencies": {
26 | "@angular-devkit/build-angular": "~0.10.0",
27 | "@angular/cli": "~7.0.2",
28 | "@angular/compiler-cli": "~7.0.0",
29 | "@angular/language-service": "~7.0.0",
30 | "@types/node": "~8.9.4",
31 | "@types/jasmine": "~2.8.8",
32 | "@types/jasminewd2": "~2.0.3",
33 | "codelyzer": "~4.5.0",
34 | "jasmine-core": "~2.99.1",
35 | "jasmine-spec-reporter": "~4.2.1",
36 | "karma": "~3.0.0",
37 | "karma-chrome-launcher": "~2.2.0",
38 | "karma-coverage-istanbul-reporter": "~2.0.1",
39 | "karma-jasmine": "~1.1.2",
40 | "karma-jasmine-html-reporter": "^0.2.2",
41 | "protractor": "~5.4.0",
42 | "ts-node": "~7.0.0",
43 | "tslint": "~5.11.0",
44 | "typescript": "~3.1.1"
45 | }
46 | }
--------------------------------------------------------------------------------
/src/app/app.component.css:
--------------------------------------------------------------------------------
1 | p {
2 | font-family: Lato;
3 | }
--------------------------------------------------------------------------------
/src/app/app.component.html:
--------------------------------------------------------------------------------
1 |
3 | Start editing to see some magic happen :) 4 |
-------------------------------------------------------------------------------- /src/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import { Component } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'my-app', 5 | templateUrl: './app.component.html', 6 | styleUrls: [ './app.component.css' ] 7 | }) 8 | export class AppComponent { 9 | name = 'Angular'; 10 | } 11 | -------------------------------------------------------------------------------- /src/app/app.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { BrowserModule } from '@angular/platform-browser'; 3 | import { FormsModule } from '@angular/forms'; 4 | 5 | import { AppComponent } from './app.component'; 6 | import { HelloComponent } from './hello.component'; 7 | 8 | @NgModule({ 9 | imports: [ BrowserModule, FormsModule ], 10 | declarations: [ AppComponent, HelloComponent ], 11 | bootstrap: [ AppComponent ] 12 | }) 13 | export class AppModule { } 14 | -------------------------------------------------------------------------------- /src/app/hello.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, Input } from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'hello', 5 | template: `