October 26, 2017
What is this article about? If you develop a web application with Angular, sooner or later you will run into the following problem: Where will the data generated by the client be validated? Client side validation is included in Angular, and gives the user a fast feedback about the correctness of his data. This is […]
READ MORE
Jan Blankenhorn
Developer at 
August 14, 2017
tl:dr; Solve this Issue: Add the following line to your imports:
|
1 |
import { Response } from '@angular/http'; |
Full version: A common problem affecting many developers when writing tests for the Angular 4 HTTP service is the following stack trace. It occurs if you assemble an response using a the wrong class. The call of .json()will throw the error.
|
1 |
"Unexpected token o in JSON at position 1" |
[…]
READ MORE
Admin Admin
Developer at
June 12, 2017
NativeScript is a great framework to write mobile Apps for Android and iOS with Angular (2, 4 and so on). Read on, if you: have an existing Angular Web App or are planning to develop one you want to offer a native App for Android and iOS without a lot of extra work TL;DR It is […]
READ MORE
Admin Admin
Developer at
April 3, 2017
A while ago some folks asked me, if it’s possible to use NativeScript and Angular with Android Wear. tl:dr; It’s possible, easy to setup in 5 steps and with FlexBox in NativeScript you can even handle small screens. NativeScript is a framework to build truly native apps for iOS and Android based on JavaScript. Furthermore it plays […]
READ MORE
Admin Admin
Developer at
March 13, 2017
When we founded theCodeCampus.de in 2014 we had some year’s experience in developing angular 1 applications. We also had a few years’ experience of doing trainings for Eclipse RCP. Last year we added our angular 2 trainings, months before angular 2 was finally released! We were really surprised how well it was received, but also […]
READ MORE
Jan Blankenhorn
Developer at
February 15, 2017
In this post, I’ll show you how to add Google Analytics to an Angular 2 project. There is really no need to use an extra library for including Analytics since the setup is really simple. I will use the Angular CLI to create a new project and add a sample routing between site-a and site-b. […]
READ MORE
Admin Admin
Developer at
October 17, 2016
Probably you want as little DOM elements as possible. You can use a ng-container instead of a regular HTML element in order to receive reduced markup. Example of ngSwitch:
|
1 2 3 4 5 6 7 8 9 10 |
<div class="wrap"> <!-- <- Dom Element--> <ng-container [ngSwitch]="type"> <!-- <- Not a Dom Element--> <ng-container *ngSwitchCase="'a'"> <!-- <- Not a Dom Element--> <some-a-component></some-a-component> <!-- <- Dom Element--> </ng-container> <!-- <- Not a Dom Element--> <ng-container *ngSwitchCase="'b'"> <!-- <- Not a Dom Element--> <some-b-component></some-b-component> <!-- <- Dom Element--> </ng-container> <!-- <- Not a Dom Element--> </ng-container> <!-- <- Not a Dom Element--> </div> <!-- <- Dom Element--> |
Example for *ngIf:
|
1 2 3 4 5 6 7 8 9 |
<!-- no extra DOM element: --> <ng-container *ngIf="true"> test </ng-container> <!-- with extra DOM element: --> <div *ngIf="true"> test </div> |
Admin Admin
Developer at
October 7, 2016
This Article will serve as a guide to implementing Animate.css animations with Angular 2 animation system. Animate.css is a popular and handy library for simple CSS Animations. We’ll apply the animation to a component and control it via a button. We will not use ngClass but convert the Animate.css to fit Angular 2 Animate. Final Result: Git […]
READ MORE
Admin Admin
Developer at
September 27, 2016
Want to set focus on an HTML element in your Angular app? The following step-by-step tutorial shows you how to do it easily. For a live demo of the final result, see this StackBlitz. Step-by-step Let’s start by adding an input element and a button to our component’s template. We give the input element an […]
READ MORE
Admin Admin
Developer at
September 12, 2016
#1 Project Setup Animations in Angular 2 are probably easier than you think. In this tutorial we will create a simple side navigation that will leave and enter the screen from the right side. We will use Angular-CLI and TypeScript but you should also be able to adopt the steps to any other […]
READ MORE
Admin Admin
Developer at