Question

我试图在角项目上使用angular-schema-form，但我无法在app.module.ts上导入它。这是我的配置：

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
import { schemaForm } from 'angular-schema-form';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    schemaForm
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

但是，当我尝试运行ng serve时，它正确地符合，但浏览器显示错误，说明schemaForm未定义：Uncaught Error: Unexpected value 'undefined' imported by the module 'AppModule'

我已经使用npm-install正确安装了依赖项，但我无法生成单个表单。阅读官方文件说：

在模块定义中加载schemaForm模块

它显示了如何使用angular.module('myModule', ['schemaForm'])导入它的示例。问题是我没有使用angular.module启动我的模块，而是在上面的代码中使用了@NgModule bootstrapping方法。该项目是使用角度CLI命令ng new project

从头开始创建的

有人可以指导我如何导入和使用angular-schema-form吗？谢谢。

Answer 1

这个包是angularjs包。它不是为角度而设计的。请找一些其他的包为架构形式的包，它是为角度构建的。查看this link for your reference

Answer 2

要实际回答如何使用 Angular Schema Form 与 Angular 的问题，当它仍然只适用于 AngularJS 时，你需要使用ngUpgrade库。

ASF库将升级为支持Angular，但这是一个耗时的过程，可能需要很长时间，除非有更多的人协助迁移项目。

在app.module上导入架构表单

2 个答案: