diff --git a/demos/component-docs/actionSheet/actionSheet.html b/demos/component-docs/actionSheet/actionSheet.html index 8d6d280d64..19a7967870 100644 --- a/demos/component-docs/actionSheet/actionSheet.html +++ b/demos/component-docs/actionSheet/actionSheet.html @@ -1,9 +1,9 @@ - + Action Sheet - diff --git a/demos/component-docs/helpers.ts b/demos/component-docs/helpers.ts index 4826a10eff..ba55e49681 100644 --- a/demos/component-docs/helpers.ts +++ b/demos/component-docs/helpers.ts @@ -1,3 +1,7 @@ +import {Directive, ElementRef, Renderer} from 'angular2/angular2'; +import {Platform, Navbar} from 'ionic/ionic'; + + import {ActionSheetPage} from './actionSheet/actionSheet'; import {ButtonsPage, @@ -30,6 +34,17 @@ import {PopupsPage} from './popups/popups'; import {SlidesPage} from './slides/slides'; import {TabsPage} from './tabs/tabs'; +@Directive({ + selector: '.android-attr', +}) +export class AndroidAttribute { + + constructor (platform: Platform, elementRef: ElementRef, renderer: Renderer) { + this.isAndroid = platform.is('android'); + renderer.setElementAttribute(elementRef, 'primary', this.isAndroid ? true : null); + } + +} export function toTitleCase(str) { return str.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();}); diff --git a/demos/component-docs/index.ts b/demos/component-docs/index.ts index c0184a6e08..e9cbc32a14 100644 --- a/demos/component-docs/index.ts +++ b/demos/component-docs/index.ts @@ -5,7 +5,8 @@ import * as helpers from './helpers'; @App({ - template: '' + template: '', + directives: [helpers.AndroidAttribute], }) class DemoApp {