cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

build(aio): change examples to CLI (#19248)

Browse Source 
PR Close #19248
This commit is contained in:
Jesus Rodriguez
2017-08-22 21:31:15 +02:00
committed by Igor Minar
parent 344a5ca545
commit 9bbf009dff
377 changed files with 2339 additions and 1748 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
aio/content/examples/user-input/src/app/app.component.html
View File

@ -1,27 +1,27 @@
<p>
<click-me></click-me>
<app-click-me></app-click-me>
</p>
<p>
<click-me2></click-me2>
<app-click-me2></app-click-me2>
</p>
<h4>Give me some keys!</h4>
<div><key-up1></key-up1></div>
<div><app-key-up1></app-key-up1></div>
<h4>keyup loop-back component</h4>
<div><loop-back></loop-back></div>
<div><app-loop-back></app-loop-back></div>
<br><br>
<h4>Give me some more keys!</h4>
<div><key-up2></key-up2></div>
<div><app-key-up2></app-key-up2></div>
<h4>Type away! Press [enter] when done.</h4>
<div><key-up3></key-up3></div>
<div><app-key-up3></app-key-up3></div>
<h4>Type away! Press [enter] or click elsewhere when done.</h4>
<div><key-up4></key-up4></div>
<div><app-key-up4></app-key-up4></div>
<h4>Little Tour of Heroes</h4>
<p><i>Add a new hero</i></p>
<div><little-tour></little-tour></div>
<div><app-little-tour></app-little-tour></div>

2
aio/content/examples/user-input/src/app/app.component.ts
View File

@ -2,7 +2,7 @@
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
selector: 'app-root',
templateUrl: './app.component.html'
})
export class AppComponent { }

2
aio/content/examples/user-input/src/app/click-me.component.ts
View File

@ -9,7 +9,7 @@ import { Component } from '@angular/core';
// #docregion click-me-component
@Component({
selector: 'click-me',
selector: 'app-click-me',
template: `
<button (click)="onClickMe()">Click me!</button>
{{clickMessage}}`

2
aio/content/examples/user-input/src/app/click-me2.component.ts
View File

@ -2,7 +2,7 @@
import { Component } from '@angular/core';
@Component({
selector: 'click-me2',
selector: 'app-click-me2',
template: `
<button (click)="onClickMe2($event)">No! .. Click me!</button>
{{clickMessage}}`

8
aio/content/examples/user-input/src/app/keyup.components.ts
View File

@ -5,7 +5,7 @@ import { Component } from '@angular/core';
// #docregion key-up-component-1
@Component({
selector: 'key-up1',
selector: 'app-key-up1',
// #docregion key-up-component-1-template
template: `
<input (keyup)="onKey($event)">
@ -38,7 +38,7 @@ export class KeyUpComponent_v1 {
// #docregion key-up-component-2
@Component({
selector: 'key-up2',
selector: 'app-key-up2',
template: `
<input #box (keyup)="onKey(box.value)">
<p>{{values}}</p>
@ -56,7 +56,7 @@ export class KeyUpComponent_v2 {
// #docregion key-up-component-3
@Component({
selector: 'key-up3',
selector: 'app-key-up3',
template: `
<input #box (keyup.enter)="onEnter(box.value)">
<p>{{value}}</p>
@ -72,7 +72,7 @@ export class KeyUpComponent_v3 {
// #docregion key-up-component-4
@Component({
selector: 'key-up4',
selector: 'app-key-up4',
template: `
<input #box
(keyup.enter)="update(box.value)"

2
aio/content/examples/user-input/src/app/little-tour.component.ts
View File

@ -3,7 +3,7 @@ import { Component } from '@angular/core';
// #docregion little-tour
@Component({
selector: 'little-tour',
selector: 'app-little-tour',
template: `
<input #newHero
(keyup.enter)="addHero(newHero.value)"

2
aio/content/examples/user-input/src/app/loop-back.component.ts
View File

@ -2,7 +2,7 @@
import { Component } from '@angular/core';
// #docregion loop-back-component
@Component({
selector: 'loop-back',
selector: 'app-loop-back',
template: `
<input #box (keyup)="0">
<p>{{box.value}}</p>

0
aio/content/examples/user-input/src/user-input-styles.css → aio/content/examples/user-input/src/assets/user-input-styles.css
View File

18
aio/content/examples/user-input/src/index.html
View File

@ -1,27 +1,15 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>User Input</title>
<base href="/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="user-input-styles.css">
<!-- Polyfills -->
<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('main.js').catch(function(err){ console.error(err); });
</script>
<link rel="stylesheet" href="assets/user-input-styles.css">
</head>
<body>
<my-app>Loading...</my-app>
<app-root></app-root>
</body>
</html>

6
aio/content/examples/user-input/src/main.ts
View File

@ -1,5 +1,11 @@
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule);