美文网首页
Angular学习-Component中selector的使用

Angular学习-Component中selector的使用

作者: 赵客缦胡缨v吴钩霜雪明 | 来源:发表于2022-11-01 15:45 被阅读0次

在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>

相关文章

网友评论

      本文标题:Angular学习-Component中selector的使用

      本文链接:https://www.haomeiwen.com/subject/oupjtdtx.html