From c695591fedc13f382e59ca3f8abc5edadb25c82c Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Thu, 7 Jan 2016 10:05:01 -0600
Subject: [PATCH] demos(docs): ng-if to ngIf

---
 demos/blur/main.html                                 | 2 +-
 demos/component-docs/modals/basic/modal-content.html | 4 ++--
 demos/native/pages/battery.ts                        | 2 +-
 demos/native/pages/device-motion.ts                  | 2 +-
 demos/native/pages/device.ts                         | 2 +-
 demos/native/pages/geolocation.ts                    | 8 ++++----
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/demos/blur/main.html b/demos/blur/main.html
index 3b5da2338e..102047c830 100644
--- a/demos/blur/main.html
+++ b/demos/blur/main.html
@@ -7,7 +7,7 @@
 
   <button (click)="showBlur=true" primary>Blur</button>
 
-  <div ion-blur (click)="showBlur=false" *ng-if="showBlur" style="display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8);">
+  <div ion-blur (click)="showBlur=false" *ngIf="showBlur" style="display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8);">
     <h2>Blurred!</h2>
   </div>
 </ion-content>
diff --git a/demos/component-docs/modals/basic/modal-content.html b/demos/component-docs/modals/basic/modal-content.html
index a5c4108761..9c35b24c66 100644
--- a/demos/component-docs/modals/basic/modal-content.html
+++ b/demos/component-docs/modals/basic/modal-content.html
@@ -3,8 +3,8 @@
     Description
   </ion-title>
   <ion-buttons start>
-    <button (click)="dismiss()" *ngIf=" currentPlatform === 'ios' ">
-      Cancel
+    <button (click)="dismiss()" clear *ngIf=" currentPlatform === 'ios' ">
+      <span primary>Cancel</span>
     </button>
     <button (click)="dismiss()" *ngIf=" currentPlatform === 'android' ">
       <ion-icon name='close'></ion-icon>
diff --git a/demos/native/pages/battery.ts b/demos/native/pages/battery.ts
index 8fc25a778f..4e801ea7d3 100644
--- a/demos/native/pages/battery.ts
+++ b/demos/native/pages/battery.ts
@@ -12,7 +12,7 @@ import {IonicView, Battery} from 'ionic/ionic';
   <ion-content padding>
     <h2>Battery</h2>
     <button primary outline (click)="doBatteryStatus()">Get Status</button>
-    <div *ng-if="battery">
+    <div *ngIf="battery">
       Battery charging: <b>{{battery.charging}}</b><br>
       Battery level: <b>{{battery.level * 100}}</b>%<br>
       Battery charging time: <b>{{battery.chargingTime}}</b>s<br>
diff --git a/demos/native/pages/device-motion.ts b/demos/native/pages/device-motion.ts
index 82ab06fc3c..2d24b69515 100644
--- a/demos/native/pages/device-motion.ts
+++ b/demos/native/pages/device-motion.ts
@@ -10,7 +10,7 @@ import {IonicView, DeviceMotion} from 'ionic/ionic';
     <ion-title>Device Motion</ion-title>
   </ion-navbar>
   <ion-content padding>
-    <div *ng-if="accel">{{accel.x}} {{accel.y}} {{accel.z}}</div>
+    <div *ngIf="accel">{{accel.x}} {{accel.y}} {{accel.z}}</div>
   </ion-content>
   `
 })
diff --git a/demos/native/pages/device.ts b/demos/native/pages/device.ts
index 4fcd23851f..371830ea2e 100644
--- a/demos/native/pages/device.ts
+++ b/demos/native/pages/device.ts
@@ -12,7 +12,7 @@ import {IonicView, Device} from 'ionic/ionic';
   <ion-content padding>
     <h2>Device</h2>
     <button primary outline (click)="doDevice()">Get Device</button>
-    <div *ng-if="device">
+    <div *ngIf="device">
       Device name: {{device.name}}
     </div>
   </ion-content>
diff --git a/demos/native/pages/geolocation.ts b/demos/native/pages/geolocation.ts
index 9a48d73ad2..3cccb4fa13 100644
--- a/demos/native/pages/geolocation.ts
+++ b/demos/native/pages/geolocation.ts
@@ -14,13 +14,13 @@ import {Geolocation} from 'ionic/ionic';
     <h2>Geolocation</h2>
     <button primary outline (click)="doGetLocation()">Get Location</button>
     <div>
-      <b *ng-if="gettingLocation">Fetching location...</b>
-      <b *ng-if="location">{{location.coords.latitude}}, {{location.coords.longitude}}</b>
+      <b *ngIf="gettingLocation">Fetching location...</b>
+      <b *ngIf="location">{{location.coords.latitude}}, {{location.coords.longitude}}</b>
     </div>
     <button primary outline (click)="doTrackLocation()">Track Location</button>
     <div>
-      <b *ng-if="gettingTrackLocation">Fetching location...</b>
-      <b *ng-if="trackLocation">{{trackLocation.coords.latitude}}, {{trackLocation.coords.longitude}}</b>
+      <b *ngIf="gettingTrackLocation">Fetching location...</b>
+      <b *ngIf="trackLocation">{{trackLocation.coords.latitude}}, {{trackLocation.coords.longitude}}</b>
     </div>
   </ion-content>
   `