我正在尝试显示 index.html 中的
create-form-component我有：
import 'zone.js/dist/zone';
import { Component, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { bootstrapApplication } from '@angular/platform-browser';
import { BirdCreateFormComponent } from './create-form/create-form.component';
@NgModule({
declarations: [BirdCreateFormComponent],
imports: [CommonModule],
bootstrap: [App],
})
export class App {
name = 'Angular';
}
bootstrapApplication(App);
在index.html中：
<body>
<my-app>Loading...</my-app>
<create-form></create-form>
</body>
但是
<create-form>Stackblitz 这里。
我是 Angular 的新手，所以围绕答案进行叙述会很棒。
AppBirdCreateFormComponentAppBirdCreateFormComponent您混淆了
NgModuleComponentApp如果您正在寻找引导独立组件解决方案，您需要将组件构建为
standalone@Component({
selector: 'my-app',
standalone: true,
imports: [CommonModule, BirdCreateFormComponent],
template: `
<create-form></create-form>
`,
})
export class App {
...
}
@Component({
selector: 'create-form',
templateUrl: './create-form.component.html',
standalone: true,
styleUrls: ['./create-form.component.css']
})
export class BirdCreateFormComponent {
...
}
或者，如果您正在寻找引导模块，则需要根模块并引导它。
import {
BrowserModule,
platformBrowser,
} from '@angular/platform-browser';
import { BirdCreateFormComponent } from './create-form/create-form.component';
@NgModule({
declarations: [App, BirdCreateFormComponent],
imports: [BrowserModule],
bootstrap: [App],
})
export class AppModule {}
platformBrowser()
.bootstrapModule(AppModule)
.catch((e) => console.error(e));
@Component({
selector: 'my-app',
template: `
<create-form></create-form>
`,
})
export class App {
...
}