April 17, 2019

Content Projection in Angular

What is Content Projection Those of you who already worked with angular.js 1.x might be already familiar with the concepts described in this post. In angular.js 1.x you might know this concept under the infamous name transclusion. It’s not a concept invented by the Angular Team but rather one that describes how content of any […]
READ MORE

Kai Henzler
Developer at thecodecampus </>


April 15, 2019

How to use Angular Environments shown with a Tetris Game

About Ng-dropping-stones is a small Tetris clone built with Angular 7. It can be played in the browser as well as on a raspberry pi based arcade machine, which we present at fairs (JavaLand, enterJS, Herbstcampus). History At first, ng-dropping-stones was designed for our arcade machine to present it on fairs. It was very well […]
READ MORE

Admin Admin
Developer at thecodecampus </>


April 1, 2019

Refactorable reactive forms in angular

Problem When creating forms with Angular, many accesses take place in the template using strings. This makes it difficult to perform refactorings automatically. It would be so desirable: Status quo Also the FormBuilder does not manage to get the problems better under control. It is only a help for the creation of the data structure […]
READ MORE

Sascha Engmann
Developer at thecodecampus </>


December 11, 2018

Using git hooks to keep your codebase clean

Problem Let’s be honest – developers tend to be lazy. Whenever you start a new project you’re probably saying to yourself that you want to do everything better this time but often times your new project becomes the same mess as your previous one. I want to introduce a neat little trick that might help […]
READ MORE

Kai Henzler
Developer at thecodecampus </>


December 3, 2018

Nested Forms in Angular

This Article is based on Kara Ericksons talk about “Angular Forms” at the Angular Connect 2017. https://www.youtube.com/watch?v=CD_t3m2WMM8&amp=&index=15 I am going to give you a quick example to get started with nested Forms. TL;DR Extract the HTML in new Component Inject ControlContainer in new Component Access the Form via ControlContainer.control pass the parent Form into the […]
READ MORE

Admin Admin
Developer at thecodecampus </>


December 2, 2018

Material 2: Sticky Footer with Mat Sidenav

My guess is your using Angular in combination with Angular Material and you desperately need a sticky footer, ideally, in a variable height. No need to look any further. This article will provide you with a basic solution for given circumstances. This article was updated and tested for Angular 7 and Material 2 Version 7.1.1 […]
READ MORE

Christian Heitmann
Developer at thecodecampus </>


November 27, 2018

Improve performance with virtual scrolling in Angular – HowTo

Since the release of Angular 7, the Angular CDK includes a feature that can improve the performance of your application dramatically. Virtual scrolling is highly beneficial for dealing with a lot of data in tables or lists. You can improve performance for large lists in Angular with the Angular CDK virtual scrolling component. What is […]
READ MORE

Kai Henzler
Developer at thecodecampus </>


November 21, 2018

Call a method on @Input() change

Problem You probably already run into this issue. Inside a component, you want to react to the change of an @Input() value e.g. by calling a method of your component. For example we have get an @Input() filter: string from our parent component and if the @Input() changes, we want to update our data in […]
READ MORE

Admin Admin
Developer at thecodecampus </>


November 20, 2018

Building an Angular App in parallel for multiple languages

Problem When using the built-in Angular Internationalization (i18n) the Angular guide tells you in detail what you have to do to set up your application to support multiple languages. The guide lacks the details on how to properly integrate the build into a common web application deployment workflow. In this brief blog post I’m going to […]
READ MORE

Kai Henzler
Developer at thecodecampus </>