Getting formControlName error even though I don't have a formControlNa

Jun 25 2020 11:09 AM
I don't even have a formControlName at all but I keep getting this error:
core.js:6260 ERROR Error: formControlName must be used with a parent formGroup directive. You'll want to add a formGroup
directive and pass it an existing FormGroup instance (you can create one in your class).
This is all I have in my code:
<div id="cartItemsList">
<li *ngFor="let product of products">
<div>{{ }}</div>
<div><img src="../assets/images/gallery/{{product.thumbnail}}" /></div>
<div>{{product.price }}</div>
<button type="button" class="btnAddAction">Add to Cart</button>
import { Component, OnInit } from '@angular/core';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
import { Observable } from 'rxjs';
import * as firebase from 'firebase/app';
selector: 'app-shopping-cart',
templateUrl: './shopping-cart.component.html',
styleUrls: ['./shopping-cart.component.scss']
export class ShoppingCartComponent implements OnInit {
products: any[];
constructor(public db: AngularFireDatabase){
ngOnInit(): void {

Brought to you by:

Answers (1)