In order to better encapsulate our code and make it more reusable, we can define CSS styling within our components. These internal style sheets are a good way to make our components more shareable and maintainable. There are three different ways of defining CSS styling for our components.
- Preface
- Creating Our First Component in Angular
- IDEs and Plugins
- Introducing TypeScript
- Implementing Properties and Events in Our Components
- A better template syntax
- Configuring our template from our component class
- Summary
- Enhancing Our Components with Pipes and Directives
- Building an Application with Angular Components
- Introducing the component tree
- Common conventions for scalable applications
- How dependency injection works in Angular
- Introducing the app directory structure
- Refactoring our application the Angular way
- Summary
- Asynchronous Data Services with Angular
- Strategies for handling asynchronous information
- Reactive functional programming in Angular
- Introducing the HTTP API
- A real case study – serving Observable data through HTTP
- Some best practices
- Summary
- Firebase
- Routing
- Adding support for the Angular router
- Building a practical example – setting up the router service
- Handling parameters
- Advanced features
- Securing the routes with AuthGuard and CanActivate hook
- Resolve<T> – fetching and resolving data before routing
- The CanDeactivate – handling cancel and save
- Async routing – improving response time
- Summary
- Forms in Angular
- Template-driven forms
- Reactive forms
- AbstractControl
- Programmatic and dynamic approach
- Turning a form into a dynamic form
- Adding controls with validation rules
- Refactoring – making the code more dynamic
- Updating our component form model – using setValue and patchValue
- Cleaning up our form creation and introducing FormBuilder
- Building your own custom validator
- Watching state changes and being reactive
- Summary
- Angular Material
- Animating Components with Angular
- Unit Testing in Angular
- SystemJS
- Webpack with Angular
Encapsulating CSS styling
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.