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

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 ...

Typescript: json2ts is a nice helper

Writing interfaces can be annoying. You can save a lot of time when you have to define Typescript interfaces for data that you are loading from a webservice. Instead of typing all the interfaces yourself you can just use a nice service in the web: json2ts Just paste in your json code and it generates the corresponding interfaces in Typescripts. Example JSON: [ { "city": "Berlin", "country": "Germany", "currencies": [{"code":"EUR"}] }, { "city": "Paris", "country": "France", "currencies": [{"code":"EUR"}] } ] Generated code: declare module namespace { export interface Currency { code: string; } export interface RootObject { city: string; country: string; currencies: Currency...

How to implement a search field in Angular X that starts some action as soon as you stop typing

Everybody knows the Google search that displays some recommendations while you are typing. Some times when you are developing an application you might need a similar functionality for implementing a kind of free text search to quickly find results in a long list of data stored in a database that might be filtered and delivered by a webservice in the background. The requirement: The search should happen without clicking a button but it should not start right after each single character you have typed. It should wait a short moment and after you have stopped typing immediately start the search. The implementation is quite simple and the same way you could do that in Javascript. First we need to prepare our template to have an input field in which the user can type in a search string. Whenever the user types a character a function should be called. This is done with the keyup event. (keyup)="searchChanged($event)" In our component we have to defin...

Talk About Code

Search This Blog