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

6
aio/content/examples/form-validation/src/app/app.component.ts
View File

@ -2,9 +2,9 @@
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `<hero-form-template></hero-form-template>
selector: 'app-root',
template: `<app-hero-form-template></app-hero-form-template>
<hr>
<hero-form-reactive></hero-form-reactive>`
<app-hero-form-reactive></app-hero-form-reactive>`
})
export class AppComponent { }

2
aio/content/examples/form-validation/src/app/reactive/hero-form-reactive.component.ts
View File

@ -6,7 +6,7 @@ import { FormControl, FormGroup, Validators } from '@angular/forms';
import { forbiddenNameValidator } from '../shared/forbidden-name.directive';
@Component({
selector: 'hero-form-reactive',
selector: 'app-hero-form-reactive',
templateUrl: './hero-form-reactive.component.html'
})
export class HeroFormReactiveComponent implements OnInit {

2
aio/content/examples/form-validation/src/app/shared/forbidden-name.directive.ts
View File

@ -14,7 +14,7 @@ export function forbiddenNameValidator(nameRe: RegExp): ValidatorFn {
// #docregion directive
@Directive({
selector: '[forbiddenName]',
selector: '[appForbiddenName]',
// #docregion directive-providers
providers: [{provide: NG_VALIDATORS, useExisting: ForbiddenValidatorDirective, multi: true}]
// #enddocregion directive-providers

2
aio/content/examples/form-validation/src/app/template/hero-form-template.component.ts
View File

@ -4,7 +4,7 @@
import { Component } from '@angular/core';
@Component({
selector: 'hero-form-template',
selector: 'app-hero-form-template',
templateUrl: './hero-form-template.component.html'
})
export class HeroFormTemplateComponent {

0
aio/content/examples/form-validation/src/forms.css → aio/content/examples/form-validation/src/assets/forms.css
View File

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

@ -1,29 +1,15 @@
<html>
<html lang="en">
<head>
<title>Hero Form with Validation</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="https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="forms.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/forms.css">
</head>
<body>
<my-app>Loading...</my-app>
<app-root></app-root>
</body>
</html>

6
aio/content/examples/form-validation/src/main.ts
View File

@ -1,6 +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);