HTTP Error 500.22 - Internal Server Error (An ASP.NET setting has been detected that does not apply in Integrated managed pipeline mode.)

The issue is caused by the pipeline mode in your Application Pool setting that your website is set to.
There are two types of solutions exists,
i/ Change the Application mode to classic in IIS.
ii/ In Web.Config file add this code,
    <configuration>
      <system.webServer>
         <validation validateIntegratedModeConfiguration="false"/>
      </system.webServer>
   </configuration>

Read More

Error Build:Unknown compiler option 'lib' in angular application for Visual Studio 2015.

In this article, We will discuss about How to resolve Error Build:Unknown compiler option 'lib' in angular application for Visual Studio 2015.

To resolve this error, goto .csproj and open it in notepad or any other editor.

Search TypeScriptToolsVersion and change

<TypeScriptToolsVersion>1.8</TypeScriptToolsVersion>

to

<TypeScriptToolsVersion>2.0</TypeScriptToolsVersion>

and after that rebuild your application and Which will work fine.

Read More

"Restore Packages" Option is missing on right click of package.json in angular application for Visual Studio 2015.

In this article, We will discuss about "Restore Packages" Option is missing on right click of package.json in Visual Studio 2015.

This issue is related to Visual Studio 2015.

So, To Resolve this issue Just Restart Visual Studio 2015 and always Run Visual Studio in Administrator mode.

After this it will show Restore Package Option when we right click on package.json file.

Read More

Custom Pipes in Angular 2.

In this article, We will discuss about Custom Pipes in Angular 2.

Pipe Created by developer to the requirement is called Custom Pipe.

Custom Pipe is a class implementing PipeTransform interface by overriding Transform method, this class should be applied with Pipe decorator.

Syntax:-

----------

@Pipe({

     name:"PipeName"

});

export class <classname> implements PipeTransform

{

       public transform(para1:type,para2:type):type

       {

         ........

       }

}

para 1 will receive data, this data can be transformed into required format.

para 2 will receive an option to be applied to data, it is an optional parameter.

Read More

Pipes in Angular 2.

In this article, We will discuss about Pipes in angular 2.

Pipes is a built-in logic[class] to transform data into required format.

Pipes is similar to filters in angularjs.

Angular is providing following builtin pipes which is as follows,

1/ UpperCase Pipe:-

------------------------

This will convert string into UpperCase.

2/ LowerCase Pipe:-

------------------------

This will convert string into LowerCase.

3/ Number Pipe:-

---------------------

This will round up number to required fraction size[decimal].

Syntax:-

----------

varname|number:"minimumintegerpart:minfractionsize-maxfractionsize"

4/ Currency Pipe:-

----------------------

This can be used to display a number with currency symbol or code.

Syntax:-

----------

varname|currency:"currencycode:true|false:minintegerpart:minfractionsize-maxfractionsize"

5/ Percent Pipe:-

--------------------

This can be used to display percentage.

6/ Date Pipe:-

----------------

This can be used to display date in required format.

Syntax:-

---------

varname|date:format

Read More

Directives in Angular 2.

In this article, We will discuss about What is Directives in angular 2.

Angular is providing directives to extend html functionality.

Angular directives are similar to html element attributes.

Directives are divided into 3 types,

i/ Component Directive

ii/ Behavioural Directive

iii/ Structural Directive

i/ Component Directive:-

------------------------------

This directive based on Component class [template] using selector is called "Component Directive".

This allows using Component [template] as an element[tag] with in webpage.

ii/ Behavioural Directive:-

-------------------------------

This directives will change appearance or behaviour of html element.

Example:-[ngStyle],[ngClass],[ngSwitch],[(ngModel)]

iii/ Structural Directive:-

------------------------------

This Directives will add/remove html tag[element] dynamically into browser dom.

This Directive will start with * symbol.

Example:- *ngIf,*ngFor,*ngSwitchCase,*ngSwitchDefault.

Read More

Difference between Interpolation and Property Binding.

In this article, We  will discuss about What is the difference between Interpolationa and Property Binding.

Well, Interpolation and Property Binding both comes under one way data binding and looks almost Similar but having few basic differences which is as follows,

Interpolation:-

-----------------

i/ Interpolation can be implemented using {}.

ii/ Interpolation supports concatenation of string within a variable.

iii/ Interpolation doesn't support working with boolean type.

Property Binding:-

----------------------

i/ Property Binding can be implemented using [].

ii/ Property Binding does not supports concatenation of String.

iii/ Property Binding support working with boolean types.

Read More