October 21, 2019

New Typescript 3.7 Beta Features

With the TS 3.7 Beta release the version is now feature-complete and brings some new additions to the playingfield. In this post we want to highlight two new features, which can be helpful to save code and make it less error prone. Optional Chaining First we want to have alook at a common situation: retrieving […]
READ MORE

Janik Horst
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

Nina Schulz
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 </>


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

Frederik von Berg
Developer at thecodecampus </>


March 2, 2018

The ‘this’ context of type ‘void’ is not assignable to method’s ‘this’ of type ‘Observable<{}>‘.

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

Can Kattwinkel
Developer at thecodecampus </>


February 23, 2018

Creating a CORS Middleware in nest.js

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

Christoph Strauss
Developer at thecodecampus </>