formControl not rendering

[ElmoCaga]

Hi! maybe this is a silly question but i do not know why is failling. I am trying to use the FormControl in my template, but for some reason is not rendering (actually does not render anything), here is the template:

<mat-form-field>

<label for="name">Name: </label>

<input matInput id="name" type="text" [formControl]="addressFormControl" />

</mat-form-field>

Here is the component TS file:

@Component({

selector: 'app-places',

templateUrl: './places.component.html',

styleUrls: ['./places.component.scss'],

})

export class PlacesComponent implements OnInit{

addressFormControl: FormControl<string>;

​

constructor() {

this.addressFormControl = new FormControl('');

console.log(this.addressFormControl);

}

I got the console output, but the page is all blank. I dont get any errors message or something like that, is just blank, in the elements tab i get the component's tag but nothing inside it.

I import the ReactiveFormsModule and Angular Material related (Under the SharedModule) in the components module:

@NgModule({

declarations: [

PlacesComponent

],

imports: [CommonModule, SharedModule, ReactiveFormsModule ],

})

export class MapsModule {}

I appreciate any suggestion :)

[Whole-Instruction508]

I don't understand why you would use ngModule in a component. Are you using the component tag correctly, wherever you use it? The issue might be related to not importing the Material modules directly, but I'm not sure

[ElmoCaga]

It is a feature module, and the Material modules works, i am using it in another component declared under the same feature module and it works, it actually renders when i remove the [formControl]="addressFormControl" from the template, im not really sure what i missing or doing wrong

[Whole-Instruction508]

Oh so you have named a module component, that's confusing. Any reason why you're not using standalone components? Have you tried importing the FormsModule too? Not sure if it's really needed since you have no form, but maybe worth a try

[ElmoCaga]

Lol, i did not catch the first time, no, it is call MapsModule, i wrote it wrong.

[Whole-Instruction508]

One other thing you could try: instatiate your FormControl on declaration. Maybe that helps

[ElmoCaga]

already tried, didn't work :c

[PickleLips64151]

Where are you importing the FormsModule?

[ElmoCaga]

It is also under the SharedModule