Angular 2

Kendo UI for Angular 2 Grids [How To Install]

“How to Install Kendo UI for Angular 2”? and How To Set Up the Angular 2 Project?

The “Kendo UI” for Angular 2 is a set of native “Angular 2 UI” components, packaged and distributed as discrete, scoped NPM packages.

For Install Kendo UI for Angular 2, you need to have an active trial or licensed version of Kendo UI.

Instructions as,
npm install -g angular-cli;
ng new my-first-angular2-project --style=scss;
cd my-first-angular2-project;

Add the Progress NPM Registry as,
npm login --registry= [email protected]

Add the Kendo Angular grid NPM Registry as,
npm view @progress/kendo-angular-grid versions

Add a Kendo UI Package to Your Project as,
npm install -S @progress/kendo-angular-buttons

Add the Styles as,
npm install -S @progress/kendo-theme-default

Import the SCSS file from the package as,
@import "[email protected]/kendo-theme-default/scss/all";

Example as,
Source code for component directives,
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';

// Import the ButtonsModule...
import { ButtonsModule } from '@progress/kendo-angular-buttons';

    declarations: [
    imports: [

        // ... and register it
    providers: [],
    bootstrap: [AppComponent]
export class AppModule { }

Add the HTML for the button

Add the button click event handler
import { Component } from '@angular/core';

    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss']
export class AppComponent {
    title = 'Hello World!';

    onButtonClick() {
        this.title = 'Hello from Kendo UI!';


I hope you are enjoying with this post! Please share with you friends. Thank you!!

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - and
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like Powered by Blogger.
ASK Questions