我是角色2的新手。我创建了一个自定义组件,甚至在app.module.ts中注册了 找到我的文件夹结构:
emp.component.ts:
import {Component} from '@angular/core'
@Component({
selector:'emp-tag',
templateUrl:'./Employee/emp.component.html'
})
export class EmployeeComponent
{
title : 'This is Employee Component';
}
emp.component.html:
Hai {{title}}
在app.module.ts文件中注册,如下所示:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import {EmployeeComponent} from './Employee/emp.component'
@NgModule({
declarations: [
AppComponent,
EmployeeComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
当我使用ng server --open运行我的应用程序时,我面临编译时错误,因为在命令提示符窗口中找不到模块,如下图所示
从我的文件夹结构中,我在app.module.ts文件中给出了正确的路径。
答案 0 :(得分:3)
只需按如下方式更改路径,因为您位于同一文件夹
<强> templateUrl:'./emp.component.html
强>
完整代码
@Component({
selector:'emp-tag',
templateUrl:'./emp.component.html'
})
export class EmployeeComponent
{
title : 'This is Employee Component';
}
答案 1 :(得分:1)
<强> emp.component.ts 强>
使用
templateUrl:'./emp.component.html'
而不是
templateUrl:'./Employee/emp.component.html'