nesta-bg/thestaff

Angular 8 CRUD Cheat Sheet.

TheStaff

• Reading and Displaying Data.
• Installing Bootstrap in Angular.
• Angular Routing and Navigation.
• Angular Route base href.
• Angular Template Driven Forms.
• Angular Radio Buttons and Checked Attribute.
• Angular Checkboxes.
• Angular Dropdown (Select) Lists.
• Angular Dropdown List Binding.
• Angular Calendar (Datepicker).
• Customise ngx Bootstrap Datepicker.
• ng if Structural Directive.
• Native Browser Validation.
• Angular Template Driven Forms Validation.
• Displaying Angular Validation Error Messages.
• Model Binding in Angular Template Driven Forms.
• Angular Email Validation.
• Angular Regular Expression Validation.
• Angular Radio Button Validation.
• Add Required Attribute Dynamically in Angular.
• Angular Checkbox Validation.
• Angular Select (Dropdown) List Validation.
• Angular value vs ngValue.
• Custom Validator in Template Driven Forms.
• Select List Required Custom Validator.
• Password and Confirm Password Validation.
• Angular Trigger Validation Manually.
• Angular Form Group Validation.
• Services in Angular.
• Create Operation in Angular.
• Angular switch case.
• Pass Data from Parent to Child Component in Angular.
• Component Input Property Change Detection Using ngOnChanges.
• Component Input Property Change Detection Using Property Setter.
• Angular Property Setter vs ngOnChanges Life Cycle Hook.
• Angular Component Communication.
• Call Child Component Methods and Properties Using Template Reference Variable.
• Angular Route Guards - CanDeactivate.
• Angular Route Params.
• Angular Read Route Parameters - Snapshot.
• Subscribe to Angular Route Parameter Changes.
• Angular Optional Route Parameters.
• Required Route Parameter vs Optional Route Parameter in Angular.
• Reset Form in Angular.
• JavaScript Objects and Reference Variables.
• Angular Filter Pipe.
• Angular Pure Pipe.
• Angular Impure Pipe.
• Data Filtering in Angular Component.
• Angular Query Params.
• Angular Read Query String Parameters.
• Create Observable From Array.
• Route Resolve Guard in Angular.
• Angular Router Navigation Events.
• Route Loading Indicator in Angular.
• Angular Canactivate Guard.
• Passing Data between Components in Angular.
• Edit Form in Angular.
• Angular Delete Form.
• Angular Accordion.
• Angular Content Projection.
• Online Fake REST API.
• Angular Client Server Architecture.
• Angular HttpClient Get.
• Angular HttpClient Error Handling.
• Handling Angular Resolver Errors.
• Angular HttpClient Post.
• Angular HttpClient Put.

TheStaff

This project was generated with Angular CLI version 8.3.5.

Development server

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.

Code scaffolding

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.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.