mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
31 lines
711 B
TypeScript
31 lines
711 B
TypeScript
import {IonicView, DeviceOrientation} from 'ionic/ionic';
|
|
|
|
|
|
@IonicView({
|
|
template: `
|
|
<ion-navbar *navbar>
|
|
<a menu-toggle>
|
|
<icon menu></icon>
|
|
</a>
|
|
<ion-title>Device Orientation</ion-title>
|
|
</ion-navbar>
|
|
<ion-content padding>
|
|
<div style="text-align: center">
|
|
<img src="http://ionic-io-assets.s3.amazonaws.com/ionitron-avatar.png" [ng-style]="imageStyle">
|
|
</div>
|
|
</ion-content>
|
|
`
|
|
})
|
|
export class DeviceOrientationPage {
|
|
|
|
constructor() {
|
|
this.imageStyle = {
|
|
'max-width': '100%'
|
|
}
|
|
|
|
DeviceOrientation.watchHeading().source.subscribe((heading) => {
|
|
this.imageStyle['-webkit-transform'] = 'rotate(' + heading.magneticHeading + 'deg)';
|
|
});
|
|
}
|
|
}
|