Search results for "Tutorials"

Creating an Angular 2 Injectable Service

This guide was written for Angular 2 version: 2.0.0-rc.4 Services are an abstraction layer that handles an application's business logic, which usually includes communicating with a backend and parsing/returning data or datasets. In Angular 1.x, we had a few different ways of creating a service (.service(), .factory() and .provider()). For this guide we'll be comparing […]

Building a Conversational Bot with JavaScript and Node.js

Let's admit it – speaking to other people is so last century. Today, we might talk to our machines (Siri, Alexa, etc.), but, if we want to communicate with people, we use text. We SMS rather than call or chat via Slack rather than video via Skype. Even things like one-on-one customer support seem to […]

From ui-router to Component Router

This guide was written for Angular 2 version: 2.0.0 Routing in Angular 2 has finally stabilized with the introduction of the latest component router which allows us to map components directly to routes. In this guide, we'll be converting an Angular 1.x application using ui-router to an Angular 2 application using the component router. Table […]

From ng-repeat in Angular 1.x to ngFor in Angular 2

This guide was written for Angular 2 version: 2.0.0-rc.4 The ng-repeat directive in Angular 1.x allows us to iterate over a collection of data and print out DOM nodes that respond to that data. If the data changes, the DOM changes as well. In this guide we'll be converting an Angular 1.x ng-repeat directive across […]

From ngAnimate to Angular 2 animate

This guide was written for Angular 2 version: 2.0.0 Originally, Angular 1.x was created to help developers build enterprise applications faster. With the introduction of ngAnimate written by Matias Niemel√§, Angular 1.x suddenly offered something for everyone. Not only could developers create powerful line of business applications, but designers could use Angular to create rich, […]

From ng-switch to ngSwitch

This guide was written for Angular 2 version: 2.0.0 The ng-switch directive in Angular 1.x allows us to dynamically control what DOM element is visible based on some pre-defined condition. When the value being evaluated changes, we are essentially switching what DOM element we want to make visible. In this guide we'll be converting an […]

How to Create an Angular Application: Adding Styling with Kendo UI

One of the biggest hurdles to creating your projects can be getting from zero to running project. Using the Angular CLI makes that process painless and fast. In this post, we’ll get a project skeleton together using the Angular CLI and then add some base styling with the Kendo UI for Angular default theme along […]

From ng-class to ngClass

This guide was written for Angular 2 version: 2.0.0 The ng-class directive in Angular 1.x allows you to dynamically add CSS classes based on a configuration object. This is a special key-value object, where the "key" is the CSS class and the "value" the corresponding boolean condition, determining whether the CSS class should be applied […]

Planning An Angular Application

The following is an excerpt from the Planning And Angular Application Whitepaper by Todd Motto. You can download the full Whitepaper for free at telerik.com/campaigns/kendo-ui/planning-an-angular-application. Planning an Angular (version 2 and above) application is something you may have already done or will be soon attempting. This whitepaper documents a high-level outline of things to consider […]

Component Event Binding with @Output() in Angular 2

This guide was written for Angular 2 version: 2.0.0-rc.4 With component architecture in Angular 2, it's important to design components that contain what we call inputs and outputs. The data enters a component via an input, and leaves the component through an output. This is a small but powerful conceptual change to Angular 1.x's two-way […]