If you are experiencing this error – usually something with your RxJS imports is wrong. So you should go through them manually or simply delete all imports from RxJS in the corresponding file and let the IDE generate them again. Something broken could look like this:

Better working might be:

What is happening? RxJS switched from monkey patching to the import of pipeable operators (also known as lettable operators).
Read more…

Nest.js is a great framework for writing REST-API’s using Node.js. It features Angular’s dependency injection, an complete TypeScript integration and helps you with structuring your code. A common issue when working with REST-API’s is Cross-Origin-Request-Sharing (CORS), which keeps your Angular client from requesting resources which are located on another domain. Let’s pretend, for instance your Angular client is being served from example.com and your server is available on server.com. In
Read more…

When working with Angular Universal we can implement a full-fledged server. Of course, this does not only include for example to display a 404 page for incorrect urls but also setting the correct status code. So that for example search engines and crawlers in general can process the result correctly. Angular itself allows us to easily create a 404 page via the router package. However, this is to be regarded
Read more…

A few weeks ago, Google has released its new solution for building scalable cloud databases — the Cloud Firestore. It has some nice improvements in comparison to their previous database (which used to be called Firebase but is now referred to as ‘Realtime Database’), like better data structuring and a more powerful querying API. In this post I’m going to go through everything you need to get started with Cloud Firestore
Read more…

tl:dr; Solve this Issue: Add the following line to your imports:

  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.

It throws because the response is of a false type and the body of
Read more…

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 nice together with TypeScript and the famous Angular framework. I show you, how you can setup a
Read more…

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 faced some challenges! Read on, if you’re interested in what happened in the last year,
Read more…

For English version please go to “Howto: Configure IntelliJ/WebStorm for TypeScript development” on medium.com JetBrain’s IDEs (IntelliJ, WebStorm, …) haben TypeScript sehr früh unterstützt und sind derzeit definitiv mit die beliebtesten IDEs. Sie für die Entwicklung mit TypeScript zu konfigurieren kann aber derzeit recht frustrierend sein. Falsche Fehlermeldungen und träges Verhalten sind gängige Probleme. In diesem Blog-Eintrag möchte ich meine Erfahrungen und gelernten Best-Practices weitergeben. Allerdings können manche oder auch alle dieser
Read more…

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 Commits as Diff: Step 1 Step 2 Step 3 Step 4 Step 5 Github Repository 
Read more…

    #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 project like Ionic 2.