I have the following FormGroup definitions:

I have the following FormGroup definitions:

I have the following FormGroup definitions:

I have the following FormGroup definitions:

I have the following problem: I have component with 2 check-boxes (using mat-checkbox) and this component is part of few of my pages. As an input I pass a object (appData) which contains an entry (key = ‘phases’) – with a string value which is the formControlName of the check box that needs to be marked as checked.

I’ve created a simple application with 2 applications

I have a project from a ‘fuse angular template’ hoping to quick start development and not have to write a bunch of components.

I have the compilerOptions.paths in my tsconfig.json file set up as such:

I have this button

I’m fairly new to angular but for some reason I can’t find the reason why css isn’t applied on my html unless I use encapsulation: ViewEncapsulation.None in home.component.ts, I was trying the second tutorial of angular, the home one.
this is my home.component.ts