我不明白这两个@Directive和指令之间的区别:[HeroAppMainComponent]在下面这个案例中
@Component({
selector: 'hero-app',
template: `
<h1>Tour of Heroes</h1>
<hero-app-main [hero]=hero></hero-app-main>`,
styles: ['h1 { font-weight: normal; }'],
directives: [HeroAppMainComponent]
})
和..
import { Directive, ElementRef, Input } from '@angular/core';
@Directive({ selector: '[myHighlight]' })
export class HighlightDirective {
constructor(el: ElementRef) {
el.nativeElement.style.backgroundColor = 'yellow';
}
}
答案 0 :(得分:3)
简而言之,指令没有模板,而组件则有。有几种指示类型:
答案 1 :(得分:2)
实际上指令仍然在Angular 2中。组件只是指令中最重要的类型,但不是唯一的。组件是带有模板的指令。但是你仍然可以编写没有模板的装饰器式指令。
这里我们没有像Angular 1那样的.directive
函数,而是我们有简单的类,它们被注释以给它们一定的行为。
导入组件的注释是:
import {Component} from 'angular2/core';