Lots of cleanup. Fixed #25, progress on #68

js/ext/angular/src/directive/ionicContent.js

@@ -3,6 +3,15 @@
 
 angular.module('ionic.ui.content', [])
 
+.directive('pane', function() {
+  return {
+    restrict: 'E',
+    replace: true,
+    transclude: true,
+    template: '<div class="pane" ng-transclude></div>'
+  }
+})
+
 // The content directive is a core scrollable content area
 // that is part of many View hierarchies
 .directive('content', function() {

js/ext/angular/src/directive/ionicSideMenu.js

@@ -45,17 +45,20 @@ angular.module('ionic.ui.sideMenu', ['ionic.service.gesture'])
   $scope.sideMenuCtrl = this;
 })
 
-.directive('sideMenuCtrl', function() {
+.directive('sideMenus', function() {
   return {
-    restrict: 'CA',
+    restrict: 'ECA',
     controller: 'SideMenuCtrl',
+    replace: true,
+    transclude: true,
+    template: '<div ng-transclude></div>'
   };
 })
 
 .directive('sideMenuContent', ['Gesture', function(Gesture) {
   return {
     restrict: 'CA',
-    require: '^sideMenuCtrl',
+    require: '^sideMenus',
     scope: true,
     compile: function(element, attr, transclude) {
       return function($scope, $element, $attr, sideMenuCtrl) {
@@ -98,7 +101,7 @@ angular.module('ionic.ui.sideMenu', ['ionic.service.gesture'])
 .directive('menu', function() {
   return {
     restrict: 'E',
-    require: '^sideMenuCtrl',
+    require: '^sideMenus',
     replace: true,
     transclude: true,
     scope: {