IONIC_DIRECTIVES
The core Ionic directives as well as Angular's CORE_DIRECTIVES
and FORM_DIRECTIVES
are
avaialbe automatically when you bootstrap your app with the @App
decorator. This means
if you are using custom components you no longer need to import IONIC_DIRECTIVES
as they
are part of the @App
s default directives.
If you would like to not have them included by default, you would need to bootstrap the app differently.
Instead of starting your app like so:
@App({
template: "<ion-nav></ion-nav>"
})
export class MyApp{
}
We would use Angulars default way of bootstrap an app, import IONIC_DIRECTIVES
and ionicProviders
, then
declare ionicProviders
as a dependencey.
import {IONIC_DIRECTIVES, ionicProviders} from 'ionic-angular';
import {bootstrap} from 'angular2/platform/browser';
@Component({
//default selector, and theme.
directives: [IONIC_DIRECTIVES]
})
class App {}
bootstrap(App,ionicProviders())
Angular
- CORE_DIRECTIVES
- FORM_DIRECTIVES
Ionic
- Menu
- MenuToggle
- MenuClose
- Badge
- Button
- Blur
- Content
- Scroll
- InfiniteScroll
- InfiniteScrollContent
- Refresher
- RefresherContent
- Img
- List
- ListHeader
- Item
- ItemSliding
- VirtualScroll
- VirtualItem
- VirtualHeader
- VirtualFooter
- Slides
- Slide
- SlideLazy
- Tabs
- Tab
- Toolbar
- ToolbarTitle
- ToolbarItem
- Icon
- Spinner
- Searchbar
- SearchbarInput
- Segment
- SegmentButton
- Checkbox
- RadioGroup
- RadioButton
- Select
- Option
- Toggle
- TextArea
- TextInput
- Label
- Nav
- NavbarTemplate
- Navbar
- NavPush
- NavPop
- NavRouter
- IdRef
- ShowWhen
- HideWhen