mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
33 lines
1.0 KiB
JavaScript
33 lines
1.0 KiB
JavaScript
import {NgElement, Component, Template} from 'angular2/angular2'
|
|
import {ComponentConfig} from 'ionic2/config/component-config'
|
|
|
|
export let BackButtonConfig = new ComponentConfig('back-button')
|
|
|
|
BackButtonConfig
|
|
.platform('ios', instance => {
|
|
instance.domElement.querySelector('.back-button-icon').classList.add('ion-ios-arrow-back')
|
|
instance.domElement.querySelector('.back-default').textContent = 'Back'
|
|
})
|
|
.platform('android', instance => {
|
|
instance.domElement.querySelector('.back-button-icon').classList.add('ion-android-arrow-back')
|
|
})
|
|
|
|
@Component({
|
|
selector: '.back-button',
|
|
services: [BackButtonConfig]
|
|
})
|
|
@Template({
|
|
inline: `
|
|
<icon class="back-button-icon"></icon>
|
|
<div class="back-button-text">
|
|
<div class="back-default"></div>
|
|
<div class="back-title"></div>
|
|
</div>`
|
|
})
|
|
export class BackButton {
|
|
constructor(@NgElement() ngEle:NgElement, configFactory: BackButtonConfig) {
|
|
this.domElement = ngEle.domElement
|
|
this.config = configFactory.create(this);
|
|
}
|
|
}
|