Passing values using @ViewChild Angular 4

Passing values using @ViewChild Angular 4: @ViewChild in angular is mainly to communicate between parent and child components. Because a component will have access only to its own template files. We have few more components like @Input and @Output for the same. Today we are going to see actually how to pass a value within a same component itself using […]

1,173 total views, 4 views today

» Read more

Property binding angular 4 example

Property binding angular 4 example: What is property binding ? Binding html properties like disabled[disabled], class[ngClass] and style[ngStyle] dynamically with component values using angular. You can even create your own custom property using @Input. Syntax: [] Eg: [disabled]   Property binding Types: Element property Component property Directive property In our last tutorial we have seen about event binding and twoway […]

1,372 total views, 7 views today

» Read more

Oracle SQL & PL/SQL Quick Notes

Hi Guys, We come across few queries in oracle and pl/sql on daily development tasks which we forget/wont remember correctly sometime. This post keeps track on those items. Keep visiting this post for the regular updates.   This can be used to refresh for your oracle and pl/sql interviews as well. Feel free to add your thoughts in the comments […]

493 total views, no views today

» Read more

Angular 4 Event Binding + Two Way Databinding Simple Example

Angular 4 Event Binding + Two Way Databinding Simple Example What is Event Binding ? Event Binding in angular adds an event handler which will be triggered on the added event action. For example: <button (click) = “addMe()”> Add Me </button>   Here (click) is a click event in angular binded to addMe() method, so when ever user clicks Add […]

1,447 total views, 5 views today

» Read more

String Interpolation {{}} in Angular 4 – Must to know Things

String Interpolation {{}} in Angular 4 – Must to know Things: String interpolation is basically used to output the values from the typescript file to template file. Whenever you want to dynamically display the values through backends/http requests/from DB then you can make use of this string interpolation to directly output your contents to templates. But know the things mentioned […]

757 total views, no views today

» Read more

Tools for Angular 4 Developments

As angular 4 becoming very popular, same time typescript and development text editors like atom and sublime is also becoming very popular.   Angular 4 Development Editors & Tools:   1. Microsoft Visual Studio Code It is free from microsoft. Visual Studio Download Link: Download Microsoft Visual Studio Code     2. Atom Atom is text editor from github team. […]

960 total views, no views today

» Read more

How to install Redis on Windows ?

How to install Redis on Windows ? Redis is an open source, high performance, key-value store. Values may contain strings, hashes, lists, sets and sorted sets. Redis has been developed primarily for UNIX-like operating systems.   Step 1: Download the Redis for windows Download Redis for windows   Step 2: Extract and keep where ever you want     Step […]

812 total views, 2 views today

» Read more

How to use Angular 2 Material in Angular 4/Angular-CLI

How to use Angular 2 Material in Angular 4/Angular-CLI:   Important note: Due to breaking change in angular material 2, steps are changed to integrate with angular 4 cli. Below post is created with the latest updates and explained step by step. Please refer the below link. [Updated] Adding Angular Material 2 to Angular 4 CLI Please don’t follow from […]

763 total views, no views today

» Read more

[Resolved] Cannot find module ‘@angular/animations’

[Resolved] Cannot find module ‘@angular/animations’ When you are using angular material with angular 4 then you will come across this error “Cannot find module ‘@angular/animations’“. In angular 2 when you install angular material angular animations also will be installed and imported from core. but now in angular 4 angular animation is moved to a separate package and angular/core is deprecated. […]

1,026 total views, no views today

» Read more

Difference between @Controller and @RestController

Difference between @Controller and @RestController: @Controller and @RestController is not having much difference, its just a matter of convenience to use @ResponseBody with @Controller. In simple way, we can understand like this: @RestController = @Controller + @ResponseBody     @Controller: @ResponseBody annotation should be used for RequestMapping methods to render any outputs like json/xml etc.   Code Sample: Here @ResponseBody […]

715 total views, no views today

» Read more
1 2