Anil Singh | Code-sample.com

How To CREATE Dialog Box in Angular 4 Project? Step 1 -Download and install the package npm install -- save @ progress / kendo - angular - dialog @ progress / kendo - angular - l10n @ angular / animations Step 2 - Once installed, import the DialogModule in your application root module import { NgModule } from '@angular/core' ; import { BrowserModule } from '@angular/platform-browser' ; import { BrowserAnimationsModule } from '@angular/platform-browser/animations' ; import { DialogModule } from '@progress/kendo-angular-dialog' ; import { AppComponent } from './app.component' ; @ NgModule({ bootstrap : [AppComponent], declarations : [AppComponent], imports : [BrowserModule, BrowserAnimationsModule, DialogModule] }) export class AppModule { } Example - @ Component({ selector : 'my-app' , template : ` < kendo - dialog > < kendo - dialog - titlebar > ...

What Is the forRoot Method? The forRoot is a static method and it’s very easy for developers to configure the modules and the best example is - RouterModule.forRoot . The RouterModule also offers a forChild . It’s also a static method and use to configure the routes of lazy-loaded modules. The forRoot and forChild are the traditional names for methods that configure services in root. Stayed Informed – Angular4 Documentations with Example Example – import { NgModule } from '@angular/core' ; import { RouterModule, Routes } from '@angular/router' ; import { HttpModule } from '@angular/http' ; import { FormsModule, ReactiveFormsModule } from '@angular/forms' ; import { AppComponent } from './components/app/app.component' import { NavMenuComponent } from './components/navmenu/navmenu.component' ; import { HomeComponent } from './components/home/home.component' ; import { UserComponent } from './compone...

What Is an Animation? Animation is the process of making an important design feature of modern web applications and using animations, we are well design UI interface as per our needed. In Angular, we are using pure CSS to create animations stuff with good performance. Stayed Informed – Angular 4 Q/A and Angular 2 Q/A Installing Angular Animations - > npm install @ angular / animations @ latest -- save Import browser Animations in the NgModule - import { BrowserAnimationsModule } from '@angular/platform-browser/animations' ; Before you can add animations, you need to import a few animation-specific imports and functions - import { NgModule } from '@angular/core' ; import { BrowserModule } from '@angular/platform-browser' ; import { BrowserAnimationsModule } from '@angular/platform-browser/animations' ; Add BrowserAnimationsModule in the imports array @NgModule decorator  - @ NgModule({ imports : [...