Angular Can';t绑定到';ngModel';因为它不是';t'的已知属性;输入';。测试规范
我和另一张票有联系。此错误仅在测试中发生,并且我已根据链接消息导入FormsModule。我使用的是Angular 2.2.1 “ng测试”中未定义ngModel我已导入FormsModule和ReactiveFormsModule,但无效。我已经研究了24小时了,我还没有接近。大多数都和升级有关,我用相同的问题擦除并重新启动了测试模板,当使用ng generate创建测试模板时,测试模板非常简单 我使用angular cli构建我的应用程序(并重建它…),并且添加了表单导入,因为它看起来很重要 这是我的简单模板,请注意,它不是一个表单,而是一个div,没有什么区别“ng serve”看起来合理,因此代码在理论上是正确的 这是我的表格Angular Can';t绑定到';ngModel';因为它不是';t'的已知属性;输入';。测试规范,angular,angular2-testing,Angular,Angular2 Testing,我和另一张票有联系。此错误仅在测试中发生,并且我已根据链接消息导入FormsModule。我使用的是Angular 2.2.1 “ng测试”中未定义ngModel我已导入FormsModule和ReactiveFormsModule,但无效。我已经研究了24小时了,我还没有接近。大多数都和升级有关,我用相同的问题擦除并重新启动了测试模板,当使用ng generate创建测试模板时,测试模板非常简单 我使用angular cli构建我的应用程序(并重建它…),并且添加了表单导入,因为它看起来很重要
<form class="form-horizontal">
<div class="form-group">
<label class="col-sm-2 control-label" for='line1'>Address 1</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="Line 1" id='line1' [(ngModel)]='address.line1' required>
</div>
</div>
<div class="form-group">
<label for="inputPassword" class="col-sm-2 control-label" for='line2'>Address 2</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="line2" placeholder="Line 2" [(ngModel)]='address.line2'>
</div>
</div>
<div class="form-inline">
<div class="form-group">
<label for="inputPassword" class="col-sm-2 control-label" for='Suburb'>Suburb</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="suburb" placeholder="Suburb" [(ngModel)]='address.suburb'>
</div>
<div class="col-sm-2">
<input type="text" class="form-control" id="State" placeholder="State" [(ngModel)]='address.state'>
</div>
<div class="col-sm-2">
<input type="text" class="form-control" id="postcode" placeholder="Postcode" [(ngModel)]='address.postcode'>
</div>
</div>
</div>
</form>
这是我的组件。很简单
import { Input, Component, OnInit } from '@angular/core';
import { Address } from './address';
@Component({
selector: 'app-address',
templateUrl: './address.component.html',
styleUrls: ['./address.component.css'],
})
export class AddressComponent implements OnInit {
@Input() address: Address;
constructor() { }
ngOnInit() {
}
}
我得到的错误是:
"): AddressComponent@4:78
Can't bind to 'ngModel' since it isn't a known property of 'input'. ("iv class="col-sm-10">
<input type="text" class="form-control" id="line2" placeholder="Line 2" [ERROR ->][(ngModel)]='address.line2'>
”):AddressComponent@4:78
无法绑定到“ngModel”,因为它不是“input”的已知属性(“iv class=“col-sm-10”>
][(ngModel)]='address.line2'>
同时添加表单模块
imports: [CommonModule, ReactiveFormsModule, FormsModule],
我没有使用rc5,我正在使用angular cli新构建的应用程序。它与ng serve一起工作。仅测试问题
imports: [CommonModule, ReactiveFormsModule, FormsModule],