Я пытаюсь создать форму с помощью Angular 2, но получаю следующую ошибку:
Я попытался следовать руководству по началу работы с Angular 2, изменив переменные и объекты на то, что мне нужно. Но ошибка продолжает происходить. Что я делаю неправильно? Вот мой код.
Моя модель:
Мой компонент:
export class Product {
constructor(
public ProductName: string,
public ProductDescription: string) { }
}
Мой шаблон:
import { Component, OnInit, AfterViewInit } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { Product } from '../models/product.model'
@Component({
templateUrl: 'templates/Product_Add.html'
})
export class ProductAddComponent {
public title: string = "Add Product"
public product: Product;
product_register(){
}
}
Я пытаюсь изменить свою модель на:
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">{{ title }}</h3>
</div>
<form #form="ngForm" (ngSubmit)="product_register(form.value)">
<div class="panel-body">
<div class="row">
<div class="form-group col-md-6">
<label>Name</label>
<input type="text" class="form-control" tabindex="1" maxlength="40" [(ngModel)]="product.ProductName"/>
</div>
<div class="form-group col-md-12">
<label>Description</label>
<input type="text" class="form-control" tabindex="2" maxlength="200" [(ngModel)]="product.ProductDescription"/>
</div>
</div>
</div>
<div class="panel-footer">
<a class="btn btn-primary" type="submit">Save</a>
<a class="btn btn-default" type="reset">Reset</a>
</div>
</form>
</div>
и чтобы:
export interface Product {
ProductName: string;
ProductDescription;
}
Но появляется такая же ошибка, спасибо
export class Product {
public ProductName: string;
public ProductDescription: string;
}
попробуй это