ОШИБКА не может прочитать свойство ....... undefined

Question

Я получил эту ошибку в консоли: ProductFormComponent.html:6 ERROR TypeError: Cannot read property 'title' of undefined.

export class ProductFormComponent implements OnInit {
  categories$;
  product = {}; 
 
  
  constructor(
    private router:Router,
    private route:ActivatedRoute, 
    private categoryService: CategoryService,
    private productService: ProductService) {
    this.categories$ = categoryService.getCategories(); 


    let id = this.route.snapshot.paramMap.get('id');
    if (id) this.productService.get(id).valueChanges().pipe(take(1)).subscribe(p => this.product = p);
   }

   save(product) {
    this.productService.create(product);
    this.router.navigate(['/admin/products']);
   }

  ngOnInit() {
  }

 
}

 <div class="form-group">
                <label for="title">Title</label>
                <input  #title="ngModel" [(ngModel)]="product.title" name="title" id="title" type="text" class="form-control" required>
                <div class="alert alert-danger" *ngIf="title.touched && title.invalid">
                    Title is required.
                </div> 

Ошибка в моем шаблоне HTML на product.title. Товар - это проблема, потому что когда приложение рендерится, товар пуст. Я добавил в продукт пустой объект {}, но это не помогло. Недавно я добавил ngIf="product" в свой шаблон, и теперь я получаю 404()not found.

Спасибо за любую помощь!