Question

我创建了一个新的角度模块

import { Component } from '@angular/core';
import { Hero } from './hero';

@Component({
  selector: 'hero-detail',
  template: `
    <div *ngIf="hero">
      <h2>{{hero.name}} details!</h2>
      <div><label>id: </label>{{hero.id}}</div>
      <div>
        <label>name: </label>
        <input [(ngModel)]="hero.name" placeholder="name"/>
      </div>
    </div>
  `
})
export class HeroDetailComponent {
hero: Hero;
}

我正在尝试使用import语句

在我的app-root模块中导入它

import { HeroDetail } from 'hero-detail';

但是我收到了这个错误 “src / app / app.component.ts（2,28）：找不到模块'英雄细节'。”

Answer 1

这为我解决了

import { HeroDetailComponent } from './hero-detail.component';

Answer 2

您必须使用组件的正确名称

import { HeroDetailComponent } from 'hero-detail';

将新的角度模块导入我的app-root

2 个答案: