我试图在页面中执行一个简单的模板注入,但是在chrome的控制台窗口中,我在运行时收到了以下错误:
zone.js:388未处理的承诺拒绝:模板解析错误:“招聘人员-详细信息”不是已知的元素:
app.component.ts
import { Component } from '@angular/core';
import { RecruiterDetailsComponent } from "./recruiter/recruiter-details.component";
@Component({
selector: 'pm-app',
template: `<recruiter-detail></recruiter-detail>`
})
export class AppComponent {
pageTitle: string = 'Agent details';
recruiter-details.component.ts,它驻留在一个名为“招聘”的子文件夹中。
import { Component } from '@angular/core';
@Component({
selector: 'recruiter-detail',
templateUrl: './app/recruiter/recruiter-details.component.html'
})
export class RecruiterDetailsComponent {
}
我在用VS2015。在我的www.root文件夹下,我有一个应用程序文件夹,其中有main.ts、app.component.ts和app.module.ts。app有一个招聘人员的子文件夹。
发布于 2016-12-05 09:57:56
如果“招聘人员-详细信息”是一个角度组件,那么验证它是否是该模块的一部分。
您是否在module.ts的声明部分中添加了招聘人员详细信息组件?
另外,错误是承诺拒绝。
再看一遍您的代码,模板中可能有错误。
尝试将组件添加到module.ts中的声明中,如果它不能工作,请查看您如何处理承诺,并查看错误或键入的模板。
发布于 2016-12-05 11:28:07
通过更改模板url (如
'app/recruiter/recruiter-details.component.html':templateUrl
而不是
'./app/recruiter/recruiter-details.component.html‘:templateUrl
https://stackoverflow.com/questions/40970147
复制相似问题