Kendo UI for Angular released in version 1.0.0

On May 04 Progress has released Kendo UI for Angular in version 1.0.0.

Kendo UI is one of the best UI frameworks I know. I have done several projects based on Kendo UI for JQuery and enjoyed working with that. Mid of January 2017 they published a first version and I immediately started developing with that.

Impatiently waiting for more components!

Comments

Setting selector prefix with Angular CLI

If you run this well known Angular CLI command to create a new angular project, your selector prefix is set to selector: 'app-root' , If you want to have another name instead of app, like f.e. the company name, you can go to the Angular CLI JSON and changing the prefix from app to companyname. "prefix" : "app" , "prefix" : "companyname" , So if you create a new component with CLI, it will get companyname instead of app at the selector. But this has no effect on the existing components. Of course you can change the name manually. But the best way is, to set the prefix right from the start. The CLI comand for this is simple but effiktive. That's all. Have fun at your Angular projects

Download a file with Angular2+ and FileSaver.js

Why should your Angular code download a file? Of course your webserver can deliver files and you can just add a simple link to your website but what if the file is delivered by a webservice and the webservice requests authentication (i.e. OAuth) to protect the file from unauthorized access? In this case you might have the requirement to download the file in your code and then tell the browser to save it to the hard disk. How to do that? First of all you need to add filesaver.js to your project. npm install file-saver --save ..and add the typings npm install @types/file-saver --save-dev More information about filesaver you can find on the filesaver github pages . To download the file via http you need to implement a service. The following imports are required: import { Injectable } from '@angular/core' ; import { Http , Response , RequestOptions , ResponseContentType } from '@angular/http' ; import { Observable } from '

Angular 2: Multiple instances in the same Application

Requirement: Use multiple Root-Components in the same Application This Root-Components use the same Implementations and Services Display the Root-Components on the same Single-Page Solution: App-Module preparation: import { BrowserModule, DOCUMENT } from '@angular/platform-browser'; import { NgModule, Inject, Component } from '@angular/core'; export class AppModule { private browser_document; ngDoBootstrap(appRef){ if(this.browser_document.getElementsByTagName('app-root1').length > 0){appRef.bootstrap(AppComponent1);} if(this.browser_document.getElementsByTagName('app-root2').length > 0){appRef.bootstrap(AppComponent2);} } constructor(@Inject(DOCUMENT) private document: any){ this.browser_document = document; } } Service preparation: Angular 2 has two options to provide a service. 1. Single instance For a multiple implementation of more Root-Components we need the second opt

Talk About Code

Search This Blog