angular2形式-无法读取未定义的属性替换

angular2 forms - cannot read property replace of undefined

本文关键字：未定义 属性 替换 读取 形式 angular2      更新时间：2023-09-26

我遵循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吗？进口似乎不见了。

而且：这个错误表明导入中可能存在拼写错误angular2/forms-->在我的示例中，文件夹名称为angular2/forms-

相关文章：