在Angular中,我们可以使用@NgModule装饰器的imports属性来导入自定义模块。要指定文件路径,我们可以使用相对路径或绝对路径。
以下是一个带有代码示例的解决方法:
自定义模块(my-custom-module.ts)示例代码:
import { NgModule } from '@angular/core';
@NgModule({
declarations: [],
imports: [],
exports: [],
})
export class MyCustomModule { }
组件(app.component.ts)示例代码:
import { Component } from '@angular/core';
import { MyCustomModule } from './my-custom-module';
@Component({
selector: 'app-root',
template: `
Hello, Angular!
`,
styleUrls: ['./app.component.css'],
providers: [MyCustomModule], // 导入自定义模块
})
export class AppComponent { }
在上面的示例中,我们使用相对路径'./my-custom-module'来导入自定义模块。你也可以使用绝对路径,例如:'src/app/my-custom-module'。
@NgModule装饰器的imports属性中导入自定义模块。根模块(app.module.ts)示例代码:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MyCustomModule } from './my-custom-module'; // 导入自定义模块
import { AppComponent } from './app.component';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, MyCustomModule], // 导入自定义模块
providers: [],
bootstrap: [AppComponent],
})
export class AppModule { }
在上面的示例中,我们使用相对路径'./my-custom-module'来导入自定义模块。你也可以使用绝对路径,例如:'src/app/my-custom-module'。
这样,你就可以在Angular中自定义导入并指定文件路径了。