Loading...
FREE
Angular Cookbook
Author
Change Log
Help
Write a Review
Certificate
Create a new Angular v.19 project
Angular Fundamentals
Exercise
Solution
Angular Signals
Exercise
Solution
Cheatsheet
Linked Signals (v.19 experimental)
Angular Resource API (v.19 experimental)
Angular Styling
Encapsulation
Demo: create a tooltip
Cheatsheet
Control Flow blocks
@if block
@switch block
@for block
Demo: Create a Todo List
Http Client
Demo: CRUD Todo List
httpResource (experimental v.19.2)
Components
Anatomy of Components
From Static To Components
Reusable Components
Dynamic content with REST API
Angular Router in v.19
Router & Lazy Loading in Angular v.19
Styling with Tailwind and DaisyUI
Angular Material Tips
Angular Material: Nested / Group Drag And Drop
Multiple Themes
Multiple Themes
1
snippet
3
mins
Fabio Biondi
Google Expert | Angular
In this example we see how to handle multiple themes with Angular Material:
Handle several custom themes using Sass
Save theme on local storage
Create Themed Components
#
Demo
#
Source Code
app.component.ts
banner.component.ts
styles.scss
index.html
main.ts
angular.json
src/app.component.ts
src/components/banner.component.ts
src/styles.scss
src/index.html
src/main.ts
angular.json
Previous
Angular Material: Nested / Group Drag And Drop
New
Membership Plan,
italian only!
Accedi a TUTTI I CORSI PREMIUM ad un unico prezzo!
Send your feedback
feedback?
// ARROW TOP for DARK THEME
// ARROW TOP for light THEME// ARROW LINE for DARK THEME
// ARROW LINE for LIGHT THEME
URL
/courses/angular/basics/material/angular-themes
EMAIL
ADD CODE SNIPPET
ADD IMAGE/SCREENSHOTS
VOTE
5
4
3
2
1
Clean Form
Send
Topics
Courses
Bookmarks
there are no topics
Home
•
Courses
•
Login
•
Register