Dharmen Shahblog.shhdharmen.me·Sep 24, 2023Toggle dark theme in Angular MaterialIn one of our previous articles, we saw how to lazy load a dark theme. If you haven't already, please check it first: https://blog.shhdharmen.me/save-some-bytes-when-using-multiple-themes-in-angular-material-components Now, to load the "dark-theme.cs...Discuss·1 likeAngular
Dharmen Shahblog.shhdharmen.me·Sep 18, 2023Modify colors of Angular Material ButtonStruggling with changing colors of angular material buttons? Not anymore! Read on... Let’s assume that you have added Angular Material in your project and selected a pre-built theme to use. We will create a custom-theme, which should get applied only...Discuss·1 likeAngular
Dharmen Shahblog.shhdharmen.me·Sep 17, 2023Save some bytes when using multiple themes in angular material componentsLet's say you have a theme file called dark.scss like below. // src/styles/themes/dark.scss @use "sass:map"; @use "@angular/material" as mat; @use "../typography/config" as typography; @use "../components"; $my-app-dark-primary: mat.define-palette...Discuss·1 likeAngular
Infydots Technologiesinfydotstechnologies.hashnode.dev·Aug 31, 2023Top 5 Angular ThemeAngular, a widely used JavaScript framework, provides developers with the capability to craft dynamic and engaging web applications. To elevate the visual allure and functionality of these applications, developers frequently depend on pre-designed An...DiscussAngular
Dharmen Shahblog.shhdharmen.me·Jul 24, 2023Creating a custom form field control group using Angular MaterialIntroduction In one of my last tutorial, we learned how to create a completely reusable forms Angular. In this guide we'll learn how to create a custom form for inputting address information and hook it up to work with <mat-form-field>. How to build ...Discuss·10 likes·27 readsAngular
Quinn Kiwalabyequinnkiwalabye.hashnode.dev·Jun 27, 2023Angular Basics: Building Dynamic Web ApplicationsIn today's rapidly evolving web development landscape, building dynamic and interactive web applications requires a powerful and efficient framework. Angular, a TypeScript-based framework, has emerged as a popular choice among developers due to its r...DiscussAngular
Niharika Gurnaniniharikagurnani.hashnode.dev·May 26, 2023Content Projection in AngularContent projection - It is a pattern in which we may require to send/insert / project data dynamically to our angular components. Is done using Ng-Content. For Reusable / Scalable components A slot can be thought of as a container or div. Multisl...Discuss·66 readsAngular
Vishwas Acharyavishwasacharya.hashnode.dev·May 26, 2023The Top Angular Libraries You Need to Know for Your Web Development ProjectIntroduction When it comes to web development with Angular, having access to the right libraries can significantly enhance your productivity and help you build robust applications. Angular libraries provide a wide range of features, functionalities, ...Discuss·27 readsAngular
Deepak Rudra Pauldeepakrudrapaul.hashnode.dev·Apr 22, 20236 Essential Security Tips for Angular Applications in 2023Angular is a popular choice for building web applications, thanks to its powerful features. But, like any web application, security is a top priority. In this easy-to-follow guide, we'll explore the 6 must-know security practices for Angular applicat...Discuss·70 readsAngular
Saket Khopkarsaketsk.hashnode.dev·Feb 17, 2023Day 8 : Angular - RoutingEver noticed any website's URL bar with path names? For example, when you are on the login page, ".../login" appears at the end. When you view the profile, ".../profile" appears. The word at the end is known as the specified route, which will tell us...Discuss·27 readsAngularAngular