I am trying to display the side menu in ionic, I wrote the code for side menu. 

If I write all the code in a single page, it is displaying the side menu and drag is also working. 

Same way, I am trying to display the side menu proving route `$stateProvider`, here the root is working and also it is going to home page without any problem. But in home page, it is displaying empty, I mean white page and I tried just wrote text using `h1` tag at that time also it is displaying white page. 

My requirement is, if I click or drag the menu in home page it should open the side menu and also must be code in different files.

### INDEX.HTML

```
<!DOCTYPE html>
<html ng-app="ionicApp">

<head>
    <title>IonicSideMenu Example</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <link href="http://code.ionicframework.com/1.0.0-rc.4/css/ionic.min.css" rel="stylesheet">
    <script src="http://code.ionicframework.com/1.0.0-rc.4/js/ionic.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular.min.js"></script>
    <script src="Module.js"></script>
    <script src="config.js"></script>
    <script src="AppCtrl.js"></script>
    <script src="MenuController.js"></script>
</head>

<body ng-controller="AppCtrl">
    <ion-nav-view animation="slide-left-right"></ion-nav-view>
</body>

</html>           

```

**MODULE.JS**

```
var ionicInfoApp = angular.module('ionicApp', ['ionic']);

```

### CONFIG.JS

```
ionicInfoApp.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('/Home', {
            templateUrl: 'Home.html',
            controller: "MenuController"
        })
        .state('/Item1', {
            templateUrl: 'item1.html'
                // controller : "MenuController"
        })
        .state('/Item2', {
            templateUrl: 'item2.html'
                //controller : "MenuController"
        })
    $urlRouterProvider.otherwise('/Home');
});

```

### AppCtrl

```
ionicInfoApp.controller('AppCtrl', function($scope, $ionicSideMenuDelegate) {

    ionic.Platform.ready(function() {

    });

});

```

### MenuController

```
ionicInfoApp.controller('MenuController', function($scope, $ionicSideMenuDelegate) {
    $scope.toggleLeft = function() {
        $ionicSideMenuDelegate.toggleLeft();
    }
});

```

**HOME.html**

```
<div ng-controller="MenuController">
    <ion-side-menus>
        <ion-side-menu-content>
            <ion-header-bar class="bar-dark">
                <button class="button button-icon icon ion-navicon" ng-click="toggleLeft()"></button>
                <h1 class="title">App</h1>
            </ion-header-bar>
            <ion-content>
            </ion-content>
        </ion-side-menu-content>
        <ion-side-menu side="left">
            <ion-header-bar class="bar-dark">
                <h1 class="title">Projects</h1>
            </ion-header-bar>
            <ion-content>
                <ul>
                    <li>Item1</li>
                    <li>Item2</li>
                </ul>
            </ion-content>
        </ion-side-menu>
    </ion-side-menus>
</div>

```