我正在遵循Angular 2中的Forms提供的表单示例，当我加载页面时出现此错误
TypeError: Error loading "angualr2/forms" at <unknown> Error loading
"angualr2/forms" from "app" at http://localhost:8080/js/app.es6 Cannot
read property 'replace' of undefined
这是代码。这是博客中的第一个数据驱动表单示例
index.html
<my-form></my-form>
<script>
System.paths = {
'angular2/*' : '/quickstart/angular2/*.js',
'rtts_assert/*' : '/quickstart/rtts_assert/*.js',
'app' : 'js/app.es6'
};
//start app
System.import('app');
</script>
app.es6
class Address {
street: string;
city: string;
state: string;
zip: string;
residential: boolean;
}
@Component({
selector: 'my-form'
})
@Template({
inline: '<form [form-structure]="form"></form>',
directives: [forms]
})
class FormExample {
constructor(fb: FormBuilder) {
this.address = new Address();
this.form = fb.fromModel(address,
[
{field: 'street', label: 'Street', validator: 'required'},
{field: 'city', label: 'City', validator: 'required'},
{field: 'state', label: 'State', size: 2, validator: 'required'},
{field: 'zip', label: 'Zip Code', size: 5, validator: 'required'},
{field: 'residential', label: 'Residential', type: 'checkbox'}
], {
saveOnUpdate: true,
layoutStrategy: materialDesign
});
}
}
bootstrap(FormExample);
任何帮助，将不胜感激
您是否发布了所有app.es6？进口似乎丢失了。
并且：错误表明导入中可能有错字？angualr2 / forms- >在我的示例中，文件夹名称为angular2 / forms
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句