page

Page

@Page装饰器包含IONIC_DIRECTIVE中所有的组件和指令以及Angular中的CORS_DIRECTIVES和 FORM_DIRECTIVES。所以你只需要将你自定义的指令和组件依赖进去就好。

使用方法

@Page({
  template: `
   <ion-content>
     I am a page!
   </ion-content>
  `
})
class MyPage {}

此时@Page已经帮你把那些指令注入进去了，所以你无需再次增加directives数组。

如果你需要自定义一个组件，而且需要依赖某个指令时，你需要手动加入。

import {IONIC_DIRECTIVES} from 'ionic-angular';
@Component({
  selector: 'my-component'
  template: `<div class="my-style">
                            <ion-checkbox></ion-checkbox>
                          </div>`,
  directives: [IONIC_DIRECTIVES]
})
class MyCustomCheckbox {}

或者你可以指定明确的指令来获取，并单独添加它。

import {Checkbox, Icon} from 'ionic-angular'
@Component({
  ...
  directives: [Checkbox, Icon]
})

然而，使用IONIC_DIRECTIVES不会产生额外的性能开销，所以，又有什么理由不用它呢。