首页 > 代码库 > Angular2-编写一个简易的组件

Angular2-编写一个简易的组件

  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-编写一个简易的组件