• Overview
• Testing videos
• Angular migration tracker
• Implementation details to migrate services
• Implementation details to migrate tests
• Implementation details to migrate directives
• Migrating the logic part (ts file)
• 1. Create a basic component in the directive file
• 2. Import and inject the dependencies
• 3. Adding OnInit / OnDestroy
• 4. Changing the bindToController
• The syntax for '@'
• The syntax for '<'
• The syntax for '&'
• The syntax for =
• 5. Start separating the other functions
• 6. Create class members (variables)
• 7. Copy the contents of the functions
• 8. Add downgrade statement
• 9. Change the name of the file
• Migrating an HTML file
• Changing <[ ... ]> to {{ ... }}
• Removing $ctrl
• Change ng-if to *ngIf
• Change ng-repeat to *ngFor
• Other tags
• HTML tag attributes
• HTML events
• Translations
• CSS updates
• Testing your Pull Request
• Implementation details to refactor Object Factories
• 1. Remove certain imports
• 2. Change the file overview
• 3. Move functions from ObjectFactory class
• 4. Remove the imports and class listings / instances
• 5. Rename the file
• 6. Change the import (as you have changed the name of the file) and its usage around the codebase.
• Pattern 1: ParamMetadataObjectFactory.createWithGetAction(...)
• Pattern 2. this.paramMetadataObjectFactory.createWithGetAction(...)
• 7. Changing the spec file
• FAQ
• Common Issues with Migrating Services
• Common Issues with Migrating Directives
• Why do we need @Injectable decorator?
• Why do we need $rootScope.$applyAsync with HTTP requests?
• What is TestBed?
• Some Common Migration Queries
• Contact