February 13, 2017

Virtual Box refuses to boot – “The device helper structure version has changed.”

You will receive this error when you have a version mismatch between Virtual Box and the virtualbox-ext-pack version. This can be caused by an automatic update. The solution is applied in the host system and is very simple. Especially on Linux systems such as Ubuntu, since here the dependencies are automatically matched to the correct version. For Windows […]
READ MORE

Avatar photo

theCodeCampus
Developer at 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 […]
READ MORE

Avatar photo

theCodeCampus
Developer at 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. […]
READ MORE

Avatar photo

theCodeCampus
Developer at thecodecampus </>


October 17, 2016

Angular 2 use ngSwitch ngIf ngFor without additional DOM Element

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:

Example for *ngIf:

 

Avatar photo

theCodeCampus
Developer at thecodecampus </>


October 7, 2016

Angular 2 Animate.css Tutorial – How to use Animate.CSS in NG2 Application?

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

Avatar photo

theCodeCampus
Developer at thecodecampus </>


September 27, 2016

Angular: Set Focus on Element

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

Avatar photo

theCodeCampus
Developer at thecodecampus </>


September 20, 2016

Flexbox Break Row into Even Amount of Children

Today i needed a Flexbox row to break into an equal amount of tiles. Some Browser support the css page break to achieve this but unfortunately this isn’t working in Google Chrome. So I had to figure something out. The solution is to add an element that is hidden by default and steps in as […]
READ MORE

Avatar photo

theCodeCampus
Developer at thecodecampus </>