Typescript Quick Notes for Angular Developers

Typescript Quick Notes for Angular Developers: As because of angular’s reach angular developers are forced to learn typescript. It is not tough but it is better to know the below basic syntax to code faster.   1. Converting array to JSON in typescript   selectedItems = []; JSON.stringify(this.selectedItems);       2. For loop in typescript   for(let item of

146 total views, 1 views today

» Read more

Multi select dropdown in Angular 4 Example

Multi select dropdown in Angular 4 Example:   Step 1: Install angular2 multiselect dropdown component npm install angular2-multiselect-dropdown   (or)   npm i –save angular2-multiselect-dropdown     Step 2: Import AngularMultiSelectModule ┬áinto @NgModule   import { AngularMultiSelectModule } from ‘angular2-multiselect-dropdown/angular2-multiselect-dropdown’; @NgModule({ // … imports: [ AngularMultiSelectModule, ] // … })     Step 3: Import and use it in your

182 total views, no views today

» Read more

Angular 4 Datatable with angular2-datatable [Sorting/Pagination/Rows Per Page]

Angular 4 Datatable with angular2-datatable [Sorting/Pagination/Rows Per Page]: I was looking for a good datatable with sorting/searching/pagination like jQuery datatables.net. We have datatables.net available even for angular-2, but it has some open issues also its not the official one. So I came across a datatable angular2-datatable, it is actually good, but we don’t have inbuilt searching option. But I personally

190 total views, no views today

» Read more

Angular 4 + Spring Boot CRUD Example

Angular 4 + Spring Boot CRUD ExampleAngular 4 + Spring Boot CRUD Example Angular 4 through Angular-CLI(command line interface) is becoming popular and with spring boot lot of projects started fresh developments and started their migrations to these technologies. What are we going to achieve: 1. Angular 4 UI 2. Spring boot rest API 3. CRUD(Create,read,update,delete) Operations. Requirements: 1. NPM

233 total views, no views today

» Read more

Ngx-datatable with Angular 4 Example

Ngx-datatable with Angular 4 Example: I have been searching for a best datatable with features like sorting, searching, pagination, rows per page etc.. to use in my angular projects. I am a big fan of datatables.net datatable, but unfortunately with angular it is not working properly (the issue i faced in datatables.net with angular is after sorting/any operations datatable will

364 total views, 2 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

520 total views, 1 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

388 total views, 3 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

289 total views, no views today

» Read more
1 2