Tuesday, 29 June 2021

ng-template, ng-container and ng-content

            No comments   

 Difference between ng-template, ng-container and ng-content1: <ng-template></ng-template>As the name suggests the <ng-template> is a template element that Angular uses with structural directives ( *ngIf , *ngFor , [ngSwitch] and custom directives). These template elements only work in the presence of structural directives, which help us to define a template that doesn’t render...
Continue Reading →

Thursday, 24 June 2021

Why Multiple inheritance not allowed in C#

            No comments   

C# does not support multiple inheritance , because they reasoned that adding multiple inheritance added too much complexity and ambiguity in situations such as the "diamond problem", where it may be ambiguous as to which parent class a particular feature is inherited from if more than one parent class...
Continue Reading →

Wednesday, 23 June 2021

Beginner's Guide to ngrx and Angular

            No comments   

 What is RxJS?RxJS is a JavaScript library for reactive programming that allows you to work with asynchronous or callback-based data streams.NgRx stands for Angular Reactive Extensions. It is a state management system that is based on the Redux pattern.RXJS + REDUX= NGRXRXJS -> ObservablesRedux...
Continue Reading →

Wednesday, 2 June 2021

Deep and Shallow Copy in Javascript

            No comments   

 Shallow copyShallow copy is a bit-wise copy of an object. A new object is created that has an exact copy of the values in the original object. If any of the fields of the object are references to other objects, just the reference addresses are copied i.e., only the memory address is copied.Deep...
Continue Reading →

Monday, 31 May 2021

package.json vs package-lock.json difference

            No comments   

 Package.json:package.json is a file that contains information about your project (name, version, etc.) and it lists the packages that your project is dependent on.So as you can see in the picture above after every dependency listed under package.json there's a number something like ^2.20.0 which...
Continue Reading →

Friday, 23 April 2021

Event Bubbling in JS

            No comments   

 The bubbling principle is simple.When an event happens on an element, it first runs the handlers on it, then on its parent, then all the way up on other ancestors.Let’s say we have 3 nested elements FORM > DIV > P with a handler on each of them:<!DOCTYPE html><html><!doctype html><body><style>  body * {    margin: 10px;    border: 1px solid blue;  }</style><form onclick="alert('form')">FORM  <div onclick="alert('div')">DIV    <p onclick="alert('p')">P</p>  </div></form></body></html>Click...
Continue Reading →

Wednesday, 21 April 2021

Change detection in Angular

            No comments   

 What is change detection?The basic mechanism of the change detection is to perform checks against two states, one is the current state, the other is the new state. If one of this state is different of the other, then something has changed, meaning we need to update (or re-render) the view.Change...
Continue Reading →

Saturday, 17 April 2021

Microsoft ADAL for Angular

        , ,     No comments   

 Microsoft ADAL for Angular 6+ with Configurable Settingshttps://www.npmjs.com/package/microsoft-adal-angular6https://www.npmjs.com/package/adal-angularhttps://devblogs.microsoft.com/premier-developer/Setup Angular Application To Use Azure AD Authentication:https://www.c-sharpcorner.com/article/setup-angular-application-to-use-azure-ad-authentication/https://adrianszen.com/2019/02/19/angular...
Continue Reading →

Friday, 15 January 2021

Angular 6 - Get current route and it's data

            No comments   

 How to get current route you're in and get's it's data, children and it's parent?say if this is the route structure:const routes: Routes = [    {path: 'home', component: HomeComponent, data: {title: 'Home'}},    {      path: 'about',       component: AboutComponent,       data: {title: 'About'},      children: [        {          path: 'company',          component: 'CompanyComponent',          data: {title: 'Company'}        },        {          path: 'Hr',          component: 'HrComponent',          data: {title: 'HR'}        },        ...      ]    },    ...  ] Below...
Continue Reading →

Thursday, 14 January 2021

Subject with Example | Angular2+

            No comments   

 What is a Subject?Subject is a type of Observable in RxJs Library in which we can send our data to other components or services.While Observables are unicast by design. Subjects can multicast. Multicasting basically means that one Observable execution is shared among multiple subscribers.A Subject...
Continue Reading →
Subscribe to: Posts (Atom)

Topics

ADFS (1) ADO .Net (1) Ajax (1) Angular (47) Angular Js (15) ASP .Net (14) Authentication (4) Azure (3) Breeze.js (1) C# (55) CD (1) CI (2) CloudComputing (2) Coding (10) CQRS (1) CSS (2) Design_Pattern (7) DevOps (4) DI (3) Dotnet (10) DotnetCore (20) Entity Framework (5) ExpressJS (4) Html (4) IIS (1) Javascript (17) Jquery (8) jwtToken (4) Lamda (3) Linq (10) microservice (4) Mongodb (1) MVC (46) NodeJS (8) React (10) SDLC (1) Sql Server (32) SSIS (3) SSO (1) TypeScript (3) UI (1) UnitTest (2) WCF (14) Web Api (16) Web Service (1) XMl (1)

Dotnet Guru Archives