Browsed by
Category: Angular

100 Things to Know in Angular 4/5/6

100 Things to Know in Angular 4/5/6

100 Things to Know in Angular 4 I started writing this post with the intention to keep important and crispy factor about angular in one place. But I am not able to write all the 100 things about angular same time, so I am publishing the post with the information I have handy now and I will make sure this post get updated often till we reach 100 things, if possible 200 things 😉 If you guys have something to…

Read More Read More

1,489 total views, 1 views today

Angular 5/6 Lifecycle Hooks for 2Mins Read

Angular 5/6 Lifecycle Hooks for 2Mins Read

Angular 5 Lifecycle Hooks for 2Mins Read: What are lifecycle hooks ? Lifecycle hooks are the different phases during component initializing and projection to view, when a new component is encountered in the selector, then angular takes care of initializing the component to project it in the view with different phases. These are called lifecycle hooks in angular. All these lifecycle hooks are called after the component’s constructor called.   These are lifecycle hooks of angular: ngOnChanges(): Executed multiple times….

Read More Read More

780 total views, no views today

Understanding angular 4/5/6 flow

Understanding angular 4/5/6 flow

Understanding angular 4/5 flow: In highlevel this is the flow, Main.ts > AppModule > App.component, it serves the content available in the Template file. I request you to run first angular cli project from this link, How to install Angular-CLI in Windows 7 ? Running First Angular-CLI Project in 2 Minutes then read below to understand how angular / angular flow works in detail.   Now let me explain how angular works actually, index.html file looks like this, index.html file…

Read More Read More

1,253 total views, no views today

Angular 4/5/6 Basics Common Quiz

Angular 4/5/6 Basics Common Quiz

You will get 15 questions here in angular basics quiz including multiple choice, multiple response, true/false etc. click Next below to start the quiz!  All the Best!! 946 total views, no views today

946 total views, no views today

5 New Things you should know in Angular 5/6:

5 New Things you should know in Angular 5/6:

5 New Things you should know in Angular 5: Even though angular 5 announced as a major release, nothing affects the angular 4 applications and developers. Because majority of the things are modified behind the scenes (than HttpClient), we do not want to worry much about angular 5.     We knew angular 1 to angular 2 transformation, that is actually a major release, because the complete things needs to redesigned. Here things are not that bad, and my angular…

Read More Read More

758 total views, no views today

How to upgrade angular 4 to angular 5?

How to upgrade angular 4 to angular 5?

How to upgrade angular 4 to angular 5? In this article, we are going to see how to upgrade from angular 4 to angular 5.   Do remember, you will be able to see the angular core/http/common/router etc versions if you check only inside the angular projects. To Update Angular CLI:   The CLI can be updated by, Uninstalling old version -> npm uninstall -g @angular/cli And Installing the new one -> npm install -g @angular/cli   If you update the…

Read More Read More

1,005 total views, no views today

Angular 4/5/6 CLI + Angular Universal Setup Steps

Angular 4/5/6 CLI + Angular Universal Setup Steps

Angular 4 CLI + Angular Universal Setup Steps: Angular universal is superb component for angular projects for server side rendering, which really resolves SEO related issues to the great extend. But setting up a angular universal will become little complex if you try after developing your complete applications. Because some of the component you used in your angular 4 project may not have a proper configuration to support angular universal.   So I highly recommend to run angular universal beginning…

Read More Read More

1,682 total views, 1 views today

[Updated] Adding Angular Material 2 to Angular 4 CLI

[Updated] Adding Angular Material 2 to Angular 4 CLI

Adding Angular Material 2 to Angular 4 CLI: Recently breaking changes has been made to angular material 2 as per this github link, so step to add angular material 2 to angular 4 cli is also changed. I have followed the new steps and it works fine without any issues. I have shared the step by step instruction below to add angular material 2 to your angular 4 cli. Breaking change high level: We used to import MaterialModule previously, now…

Read More Read More

1,495 total views, 1 views today

Picking Best UI Framework for Angular 4/5/6 Projects

Picking Best UI Framework for Angular 4/5/6 Projects

Picking Best UI Framework for Angular 4 Projects: I have been spending more than 2 weeks on picking best UI framework for my new angular 4 project. Unfortunately no straight forward conclusion. But I am sharing my complete analysis on this to help you guys for better UI pick for your angular 4 projects. Criteria to pick/select Best UI framework for Angular 4: Should be angular supportive (plain css UI frameworks needs lot of modifications when using with angular 4)….

Read More Read More

1,741 total views, 1 views today

Passing one component value to other component using Angular Observable

Passing one component value to other component using Angular Observable

Passing one component value to other component using Angular Observable: I have a sidebar component and store coupon component. In the sidebar I have radio options named, All Coupon Deal And in the store coupon component I have both coupons and deals listed. Now I would like to achieve, On click of coupon radio button in the sidebar component it should pass the value “coupon” to store coupon component and display only the coupons. On click of deal radio button…

Read More Read More

1,260 total views, no views today