diff --git a/js/ext/angular/test/content.html b/js/ext/angular/test/content.html
index 272b77dde1..d6c0ef9a0b 100644
--- a/js/ext/angular/test/content.html
+++ b/js/ext/angular/test/content.html
@@ -22,10 +22,8 @@
         on-refresh="onRefresh()"
         on-refresh-opening="onRefreshOpening(amount)"
         padding="true"
-        has-tabs="true"
-        has-header="true"
         header-shrink="60"
-        >
+        class="has-tabs has-header">
         <ion-refresher></ion-refresher>
         <div id="search-box" class="bar bar-header item-input-inset">
           <label class="item-input-wrapper">
diff --git a/js/ext/angular/test/content_defer.html b/js/ext/angular/test/content_defer.html
index 90e11cb086..934ed17629 100644
--- a/js/ext/angular/test/content_defer.html
+++ b/js/ext/angular/test/content_defer.html
@@ -21,9 +21,7 @@
         on-refresh="onRefresh()"
         on-refresh-opening="onRefreshOpening(amount)"
         refresh-complete="refreshComplete"
-        has-tabs="true"
-        has-header="true"
-        >
+        class="has-header has-tabs">
         <div ng-repeat="items in items">{{$index}}</div>
       </ion-content>
       <nav id="tab-bar" class="tabs tabs-icon-top">
diff --git a/js/ext/angular/test/content_h.html b/js/ext/angular/test/content_h.html
index d15e487c4e..34f80d8fa9 100644
--- a/js/ext/angular/test/content_h.html
+++ b/js/ext/angular/test/content_h.html
@@ -56,9 +56,7 @@
 
       <ion-content id="container"
         has-scroll-x="true"
-        has-tabs="true"
-        has-header="true"
-        >
+        class="has-header has-tabs">
         <div style="height: 4000px; width: 4000px; background: url('tree_bark.png') repeat"></div>
       </ion-content>
       <nav id="tab-bar" class="tabs tabs-icon-top">
diff --git a/js/ext/angular/test/history.html b/js/ext/angular/test/history.html
index 618fecbfe8..e04f0d4ad9 100644
--- a/js/ext/angular/test/history.html
+++ b/js/ext/angular/test/history.html
@@ -17,11 +17,11 @@
   <script>
     angular.module('starter', ['ionic', 'starter.services', 'starter.controllers'])
     .run(function($templateCache){
-      $templateCache.put("templates/about.html","<ion-view title='About Ionic'><ion-content has-header='true' has-tabs='true' padding='true'></ion-content></ion-view>");
+      $templateCache.put("templates/about.html","<ion-view title='About Ionic'><ion-content class='has-header has-tabs' padding='true'></ion-content></ion-view>");
 
       $templateCache.put("templates/tabs.html","<ion-tabs tabs-style='tabs-icon-top' tabs-type='tabs-default'><ion-tab title='Pets' icon='icon ion-home' href='#/tab/pets'><ion-nav-view name='pets-tab'></ion-nav-view></ion-tab><ion-tab title='About' icon='icon ion-search' href='#/tab/about'><ion-nav-view name='about-tab'></ion-nav-view></ion-tab></ion-tabs>");
-      $templateCache.put("templates/pet-index.html","<ion-view title='Pet Information'><ion-content has-header='true' has-tabs='true'><div class='list'><a class='item item-thumbnail-left' ng-repeat='pet in pets' ng-href='#/tab/pet/{{pet.id}}' ><img ng-src='{{pet.thumbnail}}'><h3>{{pet.title}}</h3><p>{{pet.description}}</p></a></div></ion-content></ion-view>");
-      $templateCache.put("templates/pet-detail.html","<ion-view title='{{pet.title}}'><ion-content has-header='true' padding='true'><p>{{ pet.description }}</p><p><a class='button button-small icon ion-arrow-left-b' href='#/tab/pets'> All Pets</a></p><button class='button button-small' ng-click='clearViewHistories()'>clearViewHistories</button><button class='button button-small' ng-click='historyConsole()'>Console Log</button><pre>{{ $viewHistory | json }}</pre></ion-content></ion-view>");
+      $templateCache.put("templates/pet-index.html","<ion-view title='Pet Information'><ion-content class='has-header has-tabs'><div class='list'><a class='item item-thumbnail-left' ng-repeat='pet in pets' ng-href='#/tab/pet/{{pet.id}}' ><img ng-src='{{pet.thumbnail}}'><h3>{{pet.title}}</h3><p>{{pet.description}}</p></a></div></ion-content></ion-view>");
+      $templateCache.put("templates/pet-detail.html","<ion-view title='{{pet.title}}'><ion-content class='has-header' padding='true'><p>{{ pet.description }}</p><p><a class='button button-small icon ion-arrow-left-b' href='#/tab/pets'> All Pets</a></p><button class='button button-small' ng-click='clearViewHistories()'>clearViewHistories</button><button class='button button-small' ng-click='historyConsole()'>Console Log</button><pre>{{ $viewHistory | json }}</pre></ion-content></ion-view>");
 
     })
     .config(function($stateProvider, $urlRouterProvider) {
diff --git a/js/ext/angular/test/input.html b/js/ext/angular/test/input.html
index 738b5f4e11..ff7128697c 100644
--- a/js/ext/angular/test/input.html
+++ b/js/ext/angular/test/input.html
@@ -24,7 +24,7 @@
           <input type="text" value="header input">
         </label>
       </header>
-      <ion-content has-header="true" padding="true" overflow-scroll="false">
+      <ion-content class="has-header" padding="true" overflow-scroll="false">
         <div class="list">
           <label class="item item-input">
             <span class="input-label">Your Name</span>
@@ -71,7 +71,7 @@
           <h1 class="title">New Contact</h1>
           <button class="button button-clear button-primary" ng-click="closeModal()" ion-stop-event="click">Cancel</button>
         </header>
-        <ion-content has-header="true">
+        <ion-content class='has-header'>
           <div class="padding">
             <div class="list">
               <label class="item item-input">
diff --git a/js/ext/angular/test/list-fit.html b/js/ext/angular/test/list-fit.html
index 8593af88a5..ce29f6a1a1 100644
--- a/js/ext/angular/test/list-fit.html
+++ b/js/ext/angular/test/list-fit.html
@@ -16,7 +16,7 @@
       <h1 class="title">Header!</h1>
     </ion-header-bar>
 
-    <ion-content scroll="true" ng-controller="ContentCtrl" padding="false" has-header="true" ng-class="{'has-subheader': $root.isSub}">
+    <ion-content scroll="true" ng-controller="ContentCtrl" padding="false" class="has-header" ng-class="{'has-subheader': $root.isSub}">
 
       <ion-refresher on-refresh="onRefresh()" pulling-text="pull!" refreshing-text="refreshing!"></ion-refresher>
 
diff --git a/js/ext/angular/test/list.html b/js/ext/angular/test/list.html
index a0a44f0eef..857a93d63e 100644
--- a/js/ext/angular/test/list.html
+++ b/js/ext/angular/test/list.html
@@ -93,7 +93,7 @@
         </div>
       </header>
 
-      <ion-content has-header="true">
+      <ion-content class="has-header">
 
         <div contenteditable="true">
           Hello!
diff --git a/js/ext/angular/test/modal.html b/js/ext/angular/test/modal.html
index be753cf1bc..39220acb1a 100644
--- a/js/ext/angular/test/modal.html
+++ b/js/ext/angular/test/modal.html
@@ -17,7 +17,7 @@
             <button class="button" ng-click="modal.show()">Modal</button>
           </div>
         </ion-header-bar>
-        <ion-content has-header="true">
+        <ion-content class="has-header">
           <ion-list>
 
             <div class="item item-input-inset">
@@ -41,7 +41,7 @@
         <header class="bar bar-header bar-assertive">
           <h1 class="title">New Contact</h1>
         </header>
-        <ion-content has-header="true">
+        <ion-content class="has-header">
           <div class="padding">
             <div class="list">
               <label class="item item-input">
diff --git a/js/ext/angular/test/nestedScroll.html b/js/ext/angular/test/nestedScroll.html
index e45ca06e01..2094cae3e9 100644
--- a/js/ext/angular/test/nestedScroll.html
+++ b/js/ext/angular/test/nestedScroll.html
@@ -15,7 +15,7 @@
     <div ng-controller="Ctrl">
       <ion-header-bar title="title" type="bar-positive">
       </ion-header-bar>
-      <ion-content has-header="true" style="background: lightblue;">
+      <ion-content class="has-header" style="background: lightblue;">
         <h1>outer</h1>
         <ion-scroll style="background: lightgreen; height: 200px;">
           <h1>inner</h1>
diff --git a/js/ext/angular/test/overflow.html b/js/ext/angular/test/overflow.html
index 3f750b5b7a..9a8e606057 100644
--- a/js/ext/angular/test/overflow.html
+++ b/js/ext/angular/test/overflow.html
@@ -51,9 +51,9 @@
   <body ng-controller="AppCtrl">
       <ion-side-menus>
         <ion-pane ion-side-menu-content>
-          <ion-header-bar
-            title="'Title'"
-            type="bar-primary"></ion-header-bar>
+          <ion-header-bar class="bar-primary">
+            <h1 class="title">Title</h1>
+          </ion-header-bar>
 
           <div class="bar bar-subheader">
             <div class="button-bar">
@@ -63,17 +63,11 @@
             </div>
           </div>
 
-          <ion-content
-            has-header="false"
-            has-subheader="true"
-            has-footer="true"
-            overflow-scroll="true"
-            >
-
+          <ion-content class="has-header has-subheader has-footer overflow-scroll">
             <div style="height: 3000px; width: 100%; background: url('tree_bark.png') repeat"></div>
           </ion-content>
 
-          <ion-footer-bar type="bar-assertive">
+          <ion-footer-bar class="bar-assertive">
             <h1 class="title">Footer</h1>
           </ion-footer-bar>
         </ion-pane>
@@ -93,7 +87,7 @@
           <header class="bar bar-header bar-assertive">
             <h1 class="title">Right</h1>
           </header>
-          <ion-content has-header="true">
+          <ion-content class="has-header">
             <ul class="list">
               <a href="#" class="item" ng-repeat="item in list">
                 {{item.text}}
diff --git a/js/ext/angular/test/radioButton.html b/js/ext/angular/test/radioButton.html
index 4558ca0e71..a179455e2f 100644
--- a/js/ext/angular/test/radioButton.html
+++ b/js/ext/angular/test/radioButton.html
@@ -13,7 +13,7 @@
     <header class="bar bar-header bar-danger">
       <h1 class="title">Beans</h1>
     </header>
-    <ion-content has-header="true"class="reveal-animation">
+    <ion-content class="has-header" class="reveal-animation">
       <div ng-controller="TestCtrl">
 
         <div class="list">
diff --git a/js/ext/angular/test/scroll.html b/js/ext/angular/test/scroll.html
index 15735c3f9e..6842edd8f3 100644
--- a/js/ext/angular/test/scroll.html
+++ b/js/ext/angular/test/scroll.html
@@ -50,7 +50,7 @@
   <body ng-controller="ThisCtrl">
     <ion-pane>
 
-      <ion-content has-header="true" scroll="false">
+      <ion-content class="has-header" scroll="false">
         <h3>Hourly Forecast</h3>
         <ion-scroll direction="x" style="width: 100%; height: 20%;">
           <div class="hours">
diff --git a/js/ext/angular/test/sideMenu.html b/js/ext/angular/test/sideMenu.html
index 69adfd179d..ae4fb4852b 100644
--- a/js/ext/angular/test/sideMenu.html
+++ b/js/ext/angular/test/sideMenu.html
@@ -18,7 +18,7 @@
             <h1 class="title">Slide me</h1>
             <button class="button button-icon ion-navicon" ng-click="openRight()"></button>
           </header>
-          <ion-content has-header="true">
+          <ion-content class="has-header">
             <ion-toggle ng-model="$root.$draggy">Hello</ion-toggle>
             <input type="range" ng-model="$root.menuWidth" min="0" max="300">
             <h1>Content</h1>
@@ -29,7 +29,7 @@
           <header class="bar bar-header bar-assertive">
             <h1 class="title">Left</h1>
           </header>
-          <ion-content has-header="true">
+          <ion-content class="has-header">
             <h3>value = {{value}}</h3>
             <ul class="list">
               <a href="#" class="item" ng-repeat="item in list">
diff --git a/js/ext/angular/test/sideMenu2.html b/js/ext/angular/test/sideMenu2.html
index d05ef55e0e..cc52b872a8 100644
--- a/js/ext/angular/test/sideMenu2.html
+++ b/js/ext/angular/test/sideMenu2.html
@@ -26,7 +26,7 @@
           <header class="bar bar-header bar-assertive">
             <div class="title">Left Menu</div>
           </header>
-          <ion-content has-header="true">
+          <ion-content class="has-header">
             <div class="list">
               <a ng-click="closeMenu()" href="#/event/check-in" class="item">Check-in</a>
               <a ng-click="closeMenu()" href="#/event/attendees" class="item">Attendees</a>
@@ -53,7 +53,7 @@
 
     <script id="home.html" type="text/ng-template">
       <ion-view title="'Welcome'">
-        <ion-content has-header="true" padding="true">
+        <ion-content class="has-header" padding="true">
           <p>Swipe to the right to reveal the left menu.</p>
           <div class="button" ng-click="sideMenuController.toggleLeft()" style="position: absolute; left: 100px; top: 200px;">
             Left Menu
@@ -89,7 +89,7 @@
 
     <script id="check-in.html" type="text/ng-template">
       <ion-view title="'Event Check-in'" hide-back-button="true">
-        <ion-content has-header="true">
+        <ion-content class="has-header">
           <form class="list" ng-show="showForm">
             <div class="item item-divider">
               Attendee Info
@@ -129,7 +129,7 @@
 
     <script id="attendees.html" type="text/ng-template">
       <ion-view title="'Event Attendees'">
-        <ion-content has-header="true">
+        <ion-content class="has-header">
           <div class="list">
             <ion-toggle ng-repeat="attendee in attendees | orderBy:'firstname' | orderBy:'lastname'"
                     ng-model="attendee.arrived"
diff --git a/js/ext/angular/test/slideBox.html b/js/ext/angular/test/slideBox.html
index 6e3cb69ed6..2821c36202 100644
--- a/js/ext/angular/test/slideBox.html
+++ b/js/ext/angular/test/slideBox.html
@@ -78,7 +78,7 @@
               </div>
             </ion-slide>
             <ion-slide>
-              <ion-content has-header="true">
+              <ion-content class="has-header">
                 <div style="width: 300px; height: 2000px; background: url('tree_bark.png') repeat"></div>
               </ion-content>
             </ion-slide>
diff --git a/js/ext/angular/test/slideBoxDynamic.html b/js/ext/angular/test/slideBoxDynamic.html
index 4050ade81d..45a8059c39 100644
--- a/js/ext/angular/test/slideBoxDynamic.html
+++ b/js/ext/angular/test/slideBoxDynamic.html
@@ -45,7 +45,7 @@
     <div ng-controller="SlideCtrl">
       <ion-pane>
         <ion-header-bar left-buttons="leftButtons" right-buttons="rightButtons" title=""></ion-header-bar>
-        <ion-content has-header="true">
+        <ion-content class="has-header">
           <ion-slide-box>
             <ion-slide ng-repeat="page in pages">
               {{page.text}}
diff --git a/js/ext/angular/test/subControllers.html b/js/ext/angular/test/subControllers.html
index 255793d6a7..7d94984535 100644
--- a/js/ext/angular/test/subControllers.html
+++ b/js/ext/angular/test/subControllers.html
@@ -34,7 +34,7 @@
             <header class="bar bar-header bar-dark">
               <h1 class="title">Tab Bars</h1>
             </header>
-            <ion-content has-header="true" has-tabs="true">
+            <ion-content class="has-header has-tabs">
               <h1>Home</h1>
               <ul class="list">
                 <a href="#" class="list-item" ng-repeat="item in items">
@@ -48,7 +48,7 @@
             <header class="bar bar-header bar-success">
               <h1 class="title">About</h1>
             </header>
-            <ion-content has-header="true" has-tabs="true">
+            <ion-content class="has-header has-tabs">
               <h1>About Us</h1>
             </ion-content>
           </ion-tab>
@@ -57,7 +57,7 @@
             <header class="bar bar-header bar-dark">
               <h1 class="title">Settings</h1>
             </header>
-            <ion-content has-header="true" has-tabs="true">
+            <ion-content class="has-header has-tabs">
               <h1>Settings</h1>
             </ion-content>
           </ion-tab>
diff --git a/js/ext/angular/test/tabs-repeat.html b/js/ext/angular/test/tabs-repeat.html
index 67ee48e2b9..81a1454dd8 100644
--- a/js/ext/angular/test/tabs-repeat.html
+++ b/js/ext/angular/test/tabs-repeat.html
@@ -26,7 +26,7 @@
     <ion-tabs tabs-style="tabs-top tabs-positive tabs-icon-top">
     <ion-tab ng-repeat="p in pages" title="{{p.id}}" icon="{{p.icon}}">
         <header class="bar bar-positive bar-header"></header>
-        <ion-content has-header="true" has-subheader="true">
+        <ion-content class="has-header has-subheader">
           <p></p>
           <b>{{p.id}}</b>
           <p>...</p>
diff --git a/js/ext/angular/test/tabs.html b/js/ext/angular/test/tabs.html
index 4d1ae3cd01..88acf63bfc 100644
--- a/js/ext/angular/test/tabs.html
+++ b/js/ext/angular/test/tabs.html
@@ -59,7 +59,7 @@
           <h1 class="title">Tasks</h1>
           <button class="button button-clear" ng-click="isDeletingItems = !isDeletingItems">Edit</button>
         </header>
-        <ion-content has-header="true" has-subheader="true" on-refresh="onRefresh()" on-scroll="scroll(scrollTop, scrollLeft)">
+        <ion-content class="has-header has-subheader" on-refresh="onRefresh()" on-scroll="scroll(scrollTop, scrollLeft)">
 
           <ion-refresher></ion-refresher>
 
@@ -87,7 +87,7 @@
         <header class="bar bar-header bar-positive">
           <h1 class="title">Deadlines</h1>
         </header>
-        <ion-content has-header="true" padding="true">
+        <ion-content clsas="has-header" padding="true">
           <h1>Deadlines</h1>
         </ion-content>
       </ion-tab>
@@ -96,7 +96,7 @@
         <header class="bar bar-header bar-positive">
           <h1 class="title">Settings</h1>
         </header>
-        <ion-content has-header="true" padding="true">
+        <ion-content class="has-header" padding="true">
           <h1>Settings</h1>
         </ion-content>
       </ion-tab>
@@ -105,7 +105,7 @@
         <header class="bar bar-header bar-positive">
           <h1 class="title">Settings</h1>
         </header>
-        <ion-content has-header="true" padding="true">
+        <ion-content class="has-header" padding="true">
           <h1>Settings</h1>
         </ion-content>
       </ion-tab>
diff --git a/js/ext/angular/test/tapInputs.html b/js/ext/angular/test/tapInputs.html
index 0c4b624b73..b2449d34a3 100755
--- a/js/ext/angular/test/tapInputs.html
+++ b/js/ext/angular/test/tapInputs.html
@@ -16,7 +16,7 @@
   <div ng-controller="MyCtrl">
     <ion-header-bar title="'Tap Inputs'" type="bar-positive"></ion-header-bar>
 
-    <ion-content has-header="true">
+    <ion-content class="has-header">
       <form name="myForm">
 
         <div class="list">
diff --git a/js/ext/angular/test/toggle.html b/js/ext/angular/test/toggle.html
index d17479c96c..9a251d8983 100644
--- a/js/ext/angular/test/toggle.html
+++ b/js/ext/angular/test/toggle.html
@@ -13,7 +13,7 @@
     <header class="bar bar-header bar-danger">
       <h1 class="title">Toggle</h1>
     </header>
-    <ion-content has-header="true" class="reveal-animation">
+    <ion-content class="has-header reveal-animation">
       <div ng-controller="TestCtrl">
 
         <div class="list">
diff --git a/js/ext/angular/test/viewState.html b/js/ext/angular/test/viewState.html
index 022fbf23d0..8d58d79979 100644
--- a/js/ext/angular/test/viewState.html
+++ b/js/ext/angular/test/viewState.html
@@ -56,7 +56,7 @@
 
     <script id="forgot-password.html" type="text/ng-template">
       <ion-view title="Forgot Password" hide-nav-bar="true">
-        <ion-content has-header="true" padding="true">
+        <ion-content class="has-header" padding="true">
           <p>This ion-view hides the nav bar using the hideNavBar attribute.</p>
           <p>
             <button ng-click="hideNavBar()">Hide Nav Bar</button>
@@ -81,7 +81,7 @@
 
     <script id="contact.html" type="text/ng-template">
       <ion-view hide-back-button="true">
-        <ion-content has-header="true" padding="true">
+        <ion-content class="has-header" padding="true">
           <p>The views title is blank on purpose.</p>
           <p>The hideBackButton attribute is "true" for this view.</p>
           <p>@drifty</p>
@@ -117,7 +117,7 @@
 
         <ion-tab title="Info" icon="ion-information-circled">
           <ion-view title="Information">
-            <ion-content class="has-header  has-subheader" padding="true">
+            <ion-content class="has-header has-subheader" padding="true">
               <h3>Information</h3>
               <p>
                 This is a sample seed project for the Ionic Framework. Please change it to match your needs.