Question

我正在尝试对页面执行简单的模板注入，但是在运行时在chrome的控制台窗口中收到以下错误：

zone.js：388未处理的承诺拒绝：模板解析错误：   'recruiter-detail'不是一个已知元素：


如果'recruiter-detail'是Angular组件，请验证它是否是此模块的一部分。

如果'recruiter-detail'是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的'@ NgModule.schemas'   压制此消息。（“[错误    - ＆gt;]“）：AppComponent @ 0：0;区域：;任务：Promise.then;值：错误：模板解析错误：（...）   错误：模板解析错误：'recruiter-detail'不是已知的   元件：

如果'recruiter-detail'是Angular组件，请验证它是否是此模块的一部分。

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 这位于名为recruiter的子文件夹中

import { Component } from '@angular/core';

@Component({
    selector: 'recruiter-detail',
    templateUrl: './app/recruiter/recruiter-details.component.html'
})
export class RecruiterDetailsComponent {
}

我正在使用VS2015。在我的wwwroot文件夹下，我有一个app文件夹，其中main.ts，app.component.ts和app.module.ts所在。 app有一个招聘人员子目录。

Answer 1

尝试更改模板网址

templateUrl：＆＃39; app / recruiter / recruiter-details.component.html＆＃39;

而不是

templateUrl：＆＃39; ./ app / recruiter / recruiter-details.component.html＆＃39;

Angular 2模板选择器未知

1 个答案: