为什么我的角度2应用程序没有渲染?

时间:2017-09-01 04:30:48

标签: angular angular2-template angular2-components

我正在观看视频教程时正在构建一个角度2应用程序。但问题是我很好地引用了文件,但我在浏览器的控制台中找不到页面。 这是我的组件的代码

@Component({
   moduleId: module.id,
   selector: 'my-employee',
   templateUrl: '.Employee/employee.component.html'
})
export class EmployeeComponent {
   firstName: string = 'Mr X';
   lastName: string = 'Johnson';
   gender: string = 'Male';
   age: number = 20;
}

正确引用了templateUrl,但我仍然发现找不到页面nof的错误。请大家欢迎任何帮助。谢谢。 更新:项目结构 enter image description here

2 个答案:

答案 0 :(得分:1)

您好,请试试:

templateUrl: './employee.component.html'

它的路径问题。您无需在teamplateURL

中添加员工

这里是完整的代码:

@Component({
    moduleId: module.id,
    selector: 'my-employee',
    templateUrl: './employee.component.html'
})
export class EmployeeComponent {
    firstName: string = 'Mr X';
    lastName: string = 'Johnson';
    gender: string = 'Male';
    age: number = 20;

    constructor() {
    }
}

答案 1 :(得分:1)

由于employee.component.html和employee.component.ts位于同一文件夹中,因此无需在模板URL路径中添加Employee / employee.component.html。此外,您只使用'。'在文件夹名称之前,只需将其更改为'./employee.component.html'即可。希望能工作。

相关问题