Skip to content

Latest commit

 

History

History
 
 

page

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

Page

@Page装饰器包含IONIC_DIRECTIVE中所有的组件和指令以及Angular中的CORS_DIRECTIVESFORM_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不会产生额外的性能开销,所以,又有什么理由不用它呢。