In this video, learn how to include global styles in an Angular application and how to use those within components in the application.
- [Instructor] By default, Angular uses the … emulated view encapsulation mode to scope component CSS … to component specific mark up. … You can make use of that to write styling … specific to each component. … You can also make use of global CSS … to leverage styling across different components. … Looking at the application in the browser, … we can see that the list of unique category names … for each media item set … has a distinct look to each item. … But in the display of a single media item, … the category name is just plain text. … We can make use of a global CSS style … in the angular application … to provide a consistent look to all category name labels … regardless of what component they are rendered from. … Over in the code, in the category-list.comonent.ts file, … we can see there is a CSS selector for label, … a CSS class name. … And in the template mark up, … we see the class being used on the span element. … Since this CSS selector lives in the component CSS, … and the default view encapsulation mode …
- What is Angular?
- Working with components
- Binding events and properties
- Getting data to components
- Using directives and pipes
- Creating Angular forms
- Validating form data
- How Angular does dependency injection
- Making HTTP calls
- Styling components
Skill Level Intermediate
Angular: Building an Interfacewith Ray Villalobos2h 20m Intermediate
1. Architecture Overview
3. Directives and Pipes
5. Dependency Injection and Services
8. Styling Components
Next steps1m 20s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.