from Esslingen, Germany...

We are programmers from Esslingen and we are sharing our experience with:

What we learned in 1 year of Angular 2 trainings

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…


1 Comment

Jan Blankenhorn

Entwickler bei thecodecampus

February 1, 2017

Angular 2 – Set Elements Class with HostBindings

Angular gives you a useful tool to handle manipulations in the components class. The @HostBinding() annotation provides a range of possibilities.The advantage is quite clear, the required logic remains in the components class and is not set in the template file. This makes it easier to test and improves the readability of the template file. In addition, it is the only way to set the CSS class to the host element within
Read more…


3 Comments

Can Kattwinkel

Entwickler bei thecodecampus

January 16, 2017

Trello Calendar Version 2

Recently we have released a new version of our Calendar for Trello. The project started as a learning project for interns at our company but fastly increasing user numbers made the relevance of this project clear to us. Shortly the calendar had acquired so many users, that we were hitting Trello’s API limit. We needed to improve the loading algorithm with a smarter pattern. Instead of scraping all boards for
Read more…


No Comments

Can Kattwinkel

Entwickler bei thecodecampus

January 14, 2017

“Intl is not defined” with Angular 2

If you are using the date, currency, decimal or percent pipes in Angular 2 make sure to add the required Intl Polyfill to your application before you ship it to production. The Internationalization API is not yet implemented in all browser versions out there. If you forget this you’ll receive the Intl is not defined error in many browsers. Especially Internet Explorer 9 and 10. You can get a full overview at caniuse.com Dependent
Read more…


3 Comments

Can Kattwinkel

Entwickler bei thecodecampus

July 27, 2016

Ionic 2 Proxy while Development with Gulp

From time to time you may need to add a proxy to your Ionic 2 project. It is actually really simple but many articles in the web still refer to the old Ionic 2 build using webpack. Since it is now gulp based and modularized you must use the ionic.config.json file in order to create a new proxy listening on your apps port (pbl. 8100).

Thats it!   If you
Read more…


4 Comments

Can Kattwinkel

Entwickler bei thecodecampus

June 20, 2016

Ionic 2 use NavController in Service to show Alerts

Usually you inject Nav:NavController into your classes constructor to use it:

But if you are working in a service you will receive the following error:

If you want to show alerts from within a service you are required to use the NavController.  To do so simply create the private field nav with type NavController. Then use the app.getActiveNav method provided by ionic-angular. See the snippet below for a full
Read more…


7 Comments

Can Kattwinkel

Entwickler bei thecodecampus

June 6, 2016

Ionic2 & Angular2 Translate – Internationalize and Localize Your App

Setting up Ionic 2 with angular2-translate is pretty simple. But since there were a lot of changes in the recent time and most of the code examples provided in other blogs is already outdated i decided to describe the latest working approach. Currently i’m using angular2rc.1. Since Anuglar has reached RC status there should be no more breaking API changes and this approach stays valid. Ionic2 on the other hand is
Read more…


18 Comments

Can Kattwinkel

Entwickler bei thecodecampus

June 2, 2016

Ionic 2 set Focus of Input Element

Playing around with Ionic 2 i came to the following issue. I had a component where i’d like to automatically set the focus of an element after the view is loaded completely. The approach is similar to the AngularJS/Ionic1 one. We create a directive. But instead of using jQuery or jQuery Lite to set the focus the Angular 2 renderer is used. First of all create a new directive with
Read more…


9 Comments

Can Kattwinkel

Entwickler bei thecodecampus