1. angular
2. creating-a-custom-directive
3. angular-2-custom-event-binding-eventemitter-exampleeventemitter-example
4. using-renderer2-angular
5. reactgo.com
6. angular-2-search-and-sort-with-ngfor-repeater-with-example
7. angular-material-icon-tutorial-with-example
8. angular-nested-routing-with-multiple-routeroutlet-using-loadchildren-having-own-router-modules-example-application
9. coryrylan.com
10. angular-7-reactive-forms-validation-example
11. www.geeksforgeeks.org
12. Tutorialsteacher
13. guru99
14. angular-2-training-book.rangle
15. Creating libraries
16.Angular cheatsheet
Videos
Online e-Commerce Application | MEAN.JS | FULL ST
Build an e-commerce FULL STACK site from scratch using Angular on MEAN Stack.
Lazy loading in angular
Subject vs Observable
Angular Reference Collections
Angular 2 tutorial for beginners :
Angular 6 tutorial for beginners :
Angular CLI tutorial for beginners :
Third party UI components that we can use in Angular :
ngBootstrap :
Kendo : https://www.telerik.com/kendo-angular-ui
Bootstrap 4 with ngx-bootstrap :
Blog : malcoded.com/posts/angular-best-of-2019
how-to-use-change-detection-in-angular
Angular Theme :
http://html.codedthemes.com/datta-able/angular/default/dashboard/project
http://html.codedthemes.com/datta-able/angular/?_ga=2.268948598.625605277.1582439980-18661891.1582439980
Angular Optimization: Use trackBy Option for *ngFor Directive
angular-5-set-selected-value-of-html-select-element (Input Type to select Dropdown)
angular-optimization-use-trackby-option-for-ngfor-directive
A 10 minute primer to JavaScript modules, module formats, module loaders and module bundlers
angular-modules-vs-es6-modules
comparison-between-angular-6-vs-angular-7-vs-angular-8
difference-among-angular-8-7-6-5-4-3-2-breakdown
angular-rxjs-retrywhen-in-depth
creating-reusable-components-with-angular-content-projection-ng-content
angular-custom-cross-field-validators-in-reactive-forms
creating-an-angular-asyncvalidator-in-a-reactive-form
building-two-angular-apps-from-one-codebase
angular-material-chips-with-reactive-forms-and-custom-validation
creating-angular-custom-form-controls
javascript-destructuring-assignments-part-1-objects
inheritance-in-angular-components
angular-state-management-with-ngrx-store
angular-content-projection-creating-a-notification-component
staying-safe-from-null-in-javascript
angular-6-new-features-and-why-upgrade
angular-custom-multi-field-validators-in-reactive-forms
angular-dynamic-component-creation
when-to-use-ngoninit-and-constructor-in-angular-2-components
angular-2-conditional-validation-with-reactive-forms
angular-2-observable-tips-tricks
angular-2-cleaning-up-observables
angular-2-importing-observable-operators
modal-templates-in-angular-2-part-1-inline-templates
modal-templates-in-angular-2-part-2-template-stores
modal-templates-in-angular-2-part-3-dynamic-templates
angular-2-component-router-part-1-static-urls
angular-2-component-router-part-2-dynamic-urls
angular-2-the-three-types-of-directives
building-robust-node-js-applications-part-1-error
object-oriented-javascript-part-1
object-oriented-javascript-part-2
How To Set Authorization Headers in GET/POST Requests in Angular 4/5?
Object.assign() copies the property values from one or more source objects to a target object. The target object is the first parameter and the rest are the sources. Object.assign() is useful for merging objects or cloning them shallowly.
1. At the moment, we are using Angular version 5 and want to keep browser validation disabled, so remove the ngNativeValidate directive from the form tag.
2. If you are using Angular 2, you will have to explicitly disable browser validation by using novalidate attribute on the form tag.
We are exporting NgModel into a local variable called fullName. To do this we are using #fullName=”ngModel”. This variable fullName is called with different names – local variable, template variable and template reference variable.
Email validator is introduced in Angular 4.
Angular 2 Directives & Components
https://www.dev6.com/angular/angular-2-the-difference-between-components-and-directives/
“Directives allow you to attach behavior to elements in the DOM.”
However in Angular 2, directives are split into the following 3 categories:
• Attribute
• Structural
• and… Component.
Yes, in Angular 2, Components are a type of Directive.
“Angular components are a subsetof directives. Unlike directives, components always have a template and only one component can be instantiated per an element in a template.”
Directives in Angular 2 are: The mechanism by which we attach behaviour to elements in the DOM, consisting of Structural, Attribute and Component types.
Components in Angular 2 are: The specific type of directive that allows us to utilize web component functionality – encapsulated, reusable elements available throughout our application.
Angular Reference
- angular-how-to-proxy-to-backend-server
- communication-patterns-in-angular
- angular-understanding-pipes-and-different-ways-to-use-them
- angular-a-beginners-guide-to-design-and-implementation-of-an-angular
- angular-understanding-angular-lifecycle-hooks-with-a-sample-project
- angular-how-to-load-settings-data-from-server-before-initializing-an-app