angular2里的directive理解?

Question

export class AppComponent {}

我也export了HeroComponent模块,然后在app.component一开始就import进来，然后在directive加入这些模块。然后template才能识别相应的selector???

不是很明白这句话，我引入的是HeroComponent里的类吗。然后directive之后，我能怎么用？是继承他的类吗

Answer 1

import HeroComponent...
@Component(｛

  ........

directive:［HeroComponent］
｝)
class AppComponent｛｝

Answer 2

import只有一个作用，就是把类，变量或者其他东西引入进来，import本身只保证当类需要的时候，存在，可用。

directives的作用就是告诉模版渲染引擎某个标签有特殊意义，当前template渲染的时候，如果识别到directive内指定的标签就自动调用相应的组件，填充这个标签。

import {HeroComponent} from ...
@Component({
  template: `
  <element>...</element>
  <element>...</element>
  ...
  <hero-component>...</hero-component>
  `
  directives: [HeroComponent]
})

@Component({
  selector: "hero-compoennt"
})
export class HeroComponent {
  
}

Answer 3

你用svg格式试试呢