Angular学习 Component中selector的使用

Posted by fsoooo Blog on July 6, 2021

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

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

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

<greet></greet>

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

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

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

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

还有,你还可以这么写

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

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

<div greet></div>