码迷,mamicode.com
首页 > 其他好文 > 详细

Angular2-编写一个简易的组件

时间:2017-06-05 10:35:25      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:cto   exp   logs   template   hello   pre   blog   sel   管道   

  Angular2组件可以这么理解:编写一个类,然后在类的上面用组件装饰器装饰一下,这个类就成组件了。

  所以编写组件分两步:1)编写类;2)编写装饰器

  1)编写类:

export class SimpleComponent {}

  2)在类上面编写装饰器:

@Component({
   selector: ‘simple-component‘,
   template: `Hello Simple Component!`  
})

  完整代码如下:

@Component({
   selector: ‘simple-component‘,
   template: `Hello Simple Component!`  
})
export class SimpleComponent {}

  同理,模板、指令、服务、管道也可以这么理解。

Angular2-编写一个简易的组件

标签:cto   exp   logs   template   hello   pre   blog   sel   管道   

原文地址:http://www.cnblogs.com/longhx/p/6942617.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!