Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 8b40aca

Browse files
committed
feat: new example with angular 12
1 parent 84cbac4 commit 8b40aca

21 files changed

+639
-543
lines changed

‎.firebase/hosting.ZGlzdA.cache

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
angular-forms-and-validations/favicon.ico,1635354309150,a2aee5309d0b59b9b66384ccc3969a07fab1b320d0bf76f1b25047a051d7f774
2+
angular-forms-and-validations/index.html,1635354309551,654cb61bde0e73707149d1f995853eff9d289ec33ed074df351c75114f82a455
3+
angular-forms-and-validations/runtime.1902c564871efd12e71e.js,1635354309135,1d986b36ba83f20c29e13e42a62cdb41d862a40726647e1a3a716cb1fb6c4a33
4+
angular-forms-and-validations/3rdpartylicenses.txt,1635354309135,9457c5b478256f91d0fad3de5b33051735ee631d58c155ad03250272ea6720c3
5+
angular-forms-and-validations/polyfills.6e61371f393c5cdd845a.js,1635354309135,7c8e3fc6af22fce396db455b63898d0a38ef7ea959a6f7305f7faec35f26c862
6+
angular-forms-and-validations/scripts.505ed5c9103be7dc0e8b.js,1635354309135,4456f88e34bba8530b8e7ac2d51c486f30abf07d5614352458eab478db4e93e0
7+
angular-forms-and-validations/styles.9acb0e4747b4c63425b2.css,1635354309135,187f9d3cb26a4202a107e21624451bc8e96d997ab40ff735acf0566605fde507
8+
angular-forms-and-validations/main.160bf22f80e2a6c688b4.js,1635354309135,0cfcce1c4b215baf47ab248294ec5599a3bcafda19c8959093db249e725e22d0
Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
favicon.ico,1635354309150,a2aee5309d0b59b9b66384ccc3969a07fab1b320d0bf76f1b25047a051d7f774
2+
index.html,1635354309551,654cb61bde0e73707149d1f995853eff9d289ec33ed074df351c75114f82a455
3+
runtime.1902c564871efd12e71e.js,1635354309135,1d986b36ba83f20c29e13e42a62cdb41d862a40726647e1a3a716cb1fb6c4a33
4+
3rdpartylicenses.txt,1635354309135,9457c5b478256f91d0fad3de5b33051735ee631d58c155ad03250272ea6720c3
5+
polyfills.6e61371f393c5cdd845a.js,1635354309135,7c8e3fc6af22fce396db455b63898d0a38ef7ea959a6f7305f7faec35f26c862
6+
scripts.505ed5c9103be7dc0e8b.js,1635354309135,4456f88e34bba8530b8e7ac2d51c486f30abf07d5614352458eab478db4e93e0
7+
styles.9acb0e4747b4c63425b2.css,1635354309135,187f9d3cb26a4202a107e21624451bc8e96d997ab40ff735acf0566605fde507
8+
main.160bf22f80e2a6c688b4.js,1635354309135,0cfcce1c4b215baf47ab248294ec5599a3bcafda19c8959093db249e725e22d0

‎.firebaserc

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"projects": {
3+
"default": "angular-forms-and-validations"
4+
}
5+
}

‎README.md

Lines changed: 20 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,33 @@
1-
# AngularFormsAndValidations
1+
# Angular Forms and Validations
22

3-
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.1.0.
3+
This project is part of an Angular tutorial about forms and validations.
44

5-
## Development server
5+
Get the step by step free tutorial in https://angular-templates.io/tutorials/about/angular-forms-and-validations
66

7-
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
7+
**Please support this project by simply putting a Github star ⭐. 🙏 Thanks**
88

9-
## Code scaffolding
9+
## Installation
1010

11-
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
11+
Run `npm install` to install all the required dependencies
1212

13-
## Build
13+
Then run `ng serve` to start a dev server.
14+
Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
1415

15-
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
16+
![](https://s3-us-west-2.amazonaws.com/angular-templates/tutorials/angular-forms-and-validations/angular-forms-and-validations-3.png)
1617

17-
## Running unit tests
1818

19-
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
19+
## Online Demo
2020

21-
## Running end-to-end tests
21+
You can try the online demo of this Angular Forms example app [here](https://angular-forms-and-validations.firebaseapp.com/).
2222

23-
Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
23+
## Premium Angular Admin Template
2424

25-
## Further help
25+
If you want to build a complex and robust app with Angular Forms and Validations you should check [Fully - Angular Admin Template](https://angular-templates.io/product/fully-angular-admin-template) which is a super complete application to build your next angular project.
2626

27-
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
27+
Created with performance and ease of development in mind, this Angular web template is something you will love. It includes all the components that you might need inside a project and a detailed documentation on how to get started.
28+
29+
30+
![]https://angular-templates.s3-us-west-2.amazonaws.com/fully-angular-admin-template/fully-angular-admin-template-showcase.jpg)
31+
32+
## Free Angular examples
33+
Find more Angular tutorials and starter apps in https://angular-templates.io

‎angular.json

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
"style": "scss"
1111
},
1212
"@schematics/angular:application": {
13-
"strict": true
13+
"strict": false
1414
}
1515
},
1616
"root": "",
@@ -31,17 +31,21 @@
3131
"src/assets"
3232
],
3333
"styles": [
34+
"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
35+
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
3436
"src/styles.scss"
3537
],
36-
"scripts": []
38+
"scripts": [
39+
"./node_modules/bootstrap/dist/js/bootstrap.min.js"
40+
]
3741
},
3842
"configurations": {
3943
"production": {
4044
"budgets": [
4145
{
4246
"type": "initial",
4347
"maximumWarning": "500kb",
44-
"maximumError": "1mb"
48+
"maximumError": "3mb"
4549
},
4650
{
4751
"type": "anyComponentStyle",
@@ -99,6 +103,7 @@
99103
"src/assets"
100104
],
101105
"styles": [
106+
"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
102107
"src/styles.scss"
103108
],
104109
"scripts": []

‎firebase.json

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"hosting": {
3+
"public": "dist/angular-forms-and-validations",
4+
"ignore": [
5+
"firebase.json",
6+
"**/.*",
7+
"**/node_modules/**"
8+
],
9+
"rewrites": [
10+
{
11+
"source": "**",
12+
"destination": "/index.html"
13+
}
14+
]
15+
}
16+
}

‎package-lock.json

Lines changed: 40 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,18 @@
1111
"private": true,
1212
"dependencies": {
1313
"@angular/animations": "~12.1.0",
14+
"@angular/cdk": "^12.2.11",
1415
"@angular/common": "~12.1.0",
1516
"@angular/compiler": "~12.1.0",
1617
"@angular/core": "~12.1.0",
1718
"@angular/forms": "~12.1.0",
19+
"@angular/material": "^12.2.11",
1820
"@angular/platform-browser": "~12.1.0",
1921
"@angular/platform-browser-dynamic": "~12.1.0",
2022
"@angular/router": "~12.1.0",
23+
"@types/google-libphonenumber": "^7.4.21",
24+
"bootstrap": "^5.1.3",
25+
"google-libphonenumber": "^3.2.25",
2126
"rxjs": "~6.6.0",
2227
"tslib": "^2.2.0",
2328
"zone.js": "~0.11.4"

‎src/app/app-routing.module.ts

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,14 @@
11
import { NgModule } from '@angular/core';
22
import { RouterModule, Routes } from '@angular/router';
3+
import { FormsComponent } from './forms/forms.component';
34

4-
const routes: Routes = [];
5+
const routes: Routes = [
6+
{ path: '', component: FormsComponent }
7+
];
58

69
@NgModule({
710
imports: [RouterModule.forRoot(routes)],
811
exports: [RouterModule]
912
})
13+
1014
export class AppRoutingModule { }

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /