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

Social Login with Angular 4 and FireBase

There is a way to let users use there social logins to get access to Firebase. But how do you implement this login to your Angular 4 project. In this article I will tell you how to set up your Firebase database and how do you implement social login to your angular project. Set up Firebase First we have to get our database ready. In your Firebase Console you will find Authentication in the left navigation bar. At the tab Sign-In Method you can enable different sign in methods. In our example we will enable Google and Facebook, as it's the most commend social login methods these days. The Google Login will be configured automatically. When you enable Facebook Login you need an App ID and an App Secret. You will get these when you register yourself as a developer at Facebook. You can read how you can do that at the Facebook Site . I will not explain you that in detail because it's very easy. If we done, it's time to set up our Angular4 code. Install Ang...

Nested Component - Passing Data to a Child Component

If you want to pass data to a nested component you have to use the @Import decorator. You can find this decorator at @angular/core import { Input } from '@angular/core' ; Now I show you how you can use this decorator. In my example I want to pass a counter from a Shopping List to a Shopping Basket Component In the end, the shopping basket should look like this: The Shopping Basket shows the number of items in an array (Shopping List). Everytime we put an item in the basket we count the items in the array this . counter = this . selectedProducts . length Now we have to pass the counter to the ShoppingBasketComponent by using property binding < app-shopping-basket [ count ]= "counter" ></ app-shopping-basket > After this we can use the input decorator at the child component export class ShoppingBasketComponent implements OnInit { @ Input () count ...

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

Talk About Code

Search This Blog