Angular学习-Component中selector的使用

在Angular中,组件装饰器一般这么写:

@Component({    
    selector: 'greet', 
    template: 'Hello {{name}}!'
})

这里,selector如果是个字符串,那么其他组件中使用这个组件,需要这么写

<greet></greet>

实际上,selector还有其他的写法,比如说

@Component({    
   selector: '.greet', 
    template: 'Hello {{name}}!'
})

这个时候,你要想使用这个组件,就需要这么用了:

<div class='greet'></div>

还有,你还可以这么写

@Component({    
  selector: ['greet'],
    template: 'Hello {{name}}!'
})

那么使用这个组件的时候,你还可以这么调用:

<div greet></div>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章