import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; import { MyComponent } from './my-component/my-component.component'; // 引入要创建的组件
@NgModule({ declarations: [ AppComponent, MyComponent // 声明要创建的组件 ], imports: [ BrowserModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
注意,在选择器中应该使用“app-”前缀,表示这是一个Angular组件。
import { Component } from '@angular/core';
@Component({ selector: 'app-my-component', // 注意选择器中的前缀 templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'] }) export class MyComponent { // 在这里添加组件的属性和方法 }
以上是创建Angular组件的基本步骤和注意事项。如果仍然遇到问题,可以根据具体错误信息尝试进一步排查。