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

4
aio/content/examples/dynamic-form/src/app/app.component.ts
View File

@ -4,11 +4,11 @@ import { Component } from '@angular/core';
import { QuestionService } from './question.service';
@Component({
selector: 'my-app',
selector: 'app-root',
template: `
<div>
<h2>Job Application for Heroes</h2>
<dynamic-form [questions]="questions"></dynamic-form>
<app-dynamic-form [questions]="questions"></app-dynamic-form>
</div>
`,
providers: [QuestionService]

2
aio/content/examples/dynamic-form/src/app/dynamic-form-question.component.ts
View File

@ -5,7 +5,7 @@ import { FormGroup } from '@angular/forms';
import { QuestionBase } from './question-base';
@Component({
selector: 'df-question',
selector: 'app-question',
templateUrl: './dynamic-form-question.component.html'
})
export class DynamicFormQuestionComponent {

2
aio/content/examples/dynamic-form/src/app/dynamic-form.component.html
View File

@ -3,7 +3,7 @@
<form (ngSubmit)="onSubmit()" [formGroup]="form">
<div *ngFor="let question of questions" class="form-row">
<df-question [question]="question" [form]="form"></df-question>
<app-question [question]="question" [form]="form"></app-question>
</div>
<div class="form-row">

2
aio/content/examples/dynamic-form/src/app/dynamic-form.component.ts
View File

@ -6,7 +6,7 @@ import { QuestionBase } from './question-base';
import { QuestionControlService } from './question-control.service';
@Component({
selector: 'dynamic-form',
selector: 'app-dynamic-form',
templateUrl: './dynamic-form.component.html',
providers: [ QuestionControlService ]
})

0
aio/content/examples/dynamic-form/src/sample.css → aio/content/examples/dynamic-form/src/assets/sample.css
View File

20
aio/content/examples/dynamic-form/src/index.html
View File

@ -1,28 +1,14 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<base href="/">
<title>Dynamic Form</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- #docregion style -->
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="sample.css">
<!-- #enddocregion style -->
<!-- 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/sample.css">
</head>
<body>
<my-app>Loading app...</my-app>
<app-root></app-root>
</body>
</html>

7
aio/content/examples/dynamic-form/src/main.ts
View File

@ -1,5 +1,12 @@
// #docregion
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);