ACHARYA A K – Medium

12 hours ago

ng class vs class binding difference in angular ?

Some when we work both seems to be same but there is difference we will see with example with implementation code. Component 1. Style — scss .value { background-color: yellow; } .integer { color: green; } .number{ border: 2px solid black; } 2. template — html <div class="value" [class]="['integer number']"> Label Class 10.5 </div> <div class="value" [ngClass]="['integer number']"> Label ng class 10.5 </div>

1 min read

ng class vs class binding difference in angular ?

1 min read

3 days ago

What is syntax for routing in angular Basic interview question?

index.html <base href="/"/> main component template html <router-outlet> </router-outlet> main module .ts Include Lazy loading format RouterModule.forRoot( [ { path: 'login', component: LoginComponent }, { path: '**', redirect: 'login', pathMatch: 'full' } { path: 'welcome', LoadChildren : import('./welcome/welcome.module').then(m => m.WelcomeModule) } ...... ] )

1 min read

1 min read

6 days ago

How to enable routing in Angular as Basic interview question ?

We have two case either routing may exist and added already at time of setup we just need to add our new path in routing file inside routes or we need to enable by some changes. Step 1 add base ref to index.html <head> ... <base href="/" /> ... </head> Step 2 main component should have router-outlet directive a placeholder for routed component. <router-outlet> </router-outlet> Step 2 then there should be a routing defined in main module or in routing module same should be imported in main module

1 min read

How to enable routing in Angular as Basic interview question ?

1 min read

May 25

What is Dependency Injection in Angular as basic interview question?

Dependency Injection (DI) is design pattern for sharing a functionality within app. We have module, component and services classes to work together in many patterns.

1 min read

What is Dependency Injection in Angular as basic interview question?

1 min read

May 25

Angular basic interview question- What is the use of ngFor and ngIf?

ngFor and ngIf both are directive of type structural. Structural directive which change dom behaviour add and remove. ngIf is make element show and hide based on condition(expression). ngFor is directive used for repeating the element of array/list/collection.

1 min read

Angular basic interview question- What is the use of ngFor and ngIf?

1 min read

May 25

Angular basic interview question- What are built in directives available in angular?

Directive is a functionality of angular support division and reusability the Build in directive are : ngIf ngFor ngSwitch ngClass ngStyle ngModel

1 min read

Angular basic interview question- What are built in directives available in angular?

1 min read

May 24

Angular Basic level interview question — What is class and style binding in angular ?

Binding — I have explained basic level binding please read it if not clear, Now we will understand these binding types class and style used for css addition and remove Class binding For dynamically adding and removal class in given example below based on conditions or expression Single class <span [class.amount]="isAmount"> 45…

1 min read

1 min read

May 24

Basic level interview question — What is pipe and also name some built in pipes in angular?

Pipe — in general a medium for transfer some thing from one place to other some time with change pressure current etc. in Angular pipe is function takes input and give output used for transform data to another format like string to proper date currency etc. Example : date lowerCase decimal percent Code example item.amount = 0.259 <span>item.amount| percent</span> output 26%

1 min read

What is pipe and also name some built in pipes in angular?

1 min read

May 23

Basic level — What is data binding in angular?

binding is technique of continuous connection between view(html) and model ( class data). if there will be change in class than angular update template and vice versa. So binding have types property attribute class and style event two way ( event + property)

1 min read

1 min read

May 23

Basic level — What is interpolation in angular?

Basic level — What is interpolation in angular? interpolation mean transforming and resulting something. Now in our frontend angular world for display the the values in html template using enclosing curly braces {{ }}. in class ts file public name: string = "Ram"; public count : number = 3; in template ( html) Welcome <span>{{name}}</span>, or <span>Welcome {{name}} </span> <span> Great {{count + 1}}

1 min read

Basic level — What is interpolation in angular?

1 min read

ACHARYA A K

ACHARYA A K

Software Engineer| Angular Advocate | Cyclist

Following

Help
Status
Writers
Blog
Careers
Privacy
Terms
About
Text to speech
Teams