Javascript 如何为ng include sidepanel.html编写控制器？

我是angularjs的新手，我们正在使用angularjs AMD

index.html

<div ng-controller=“MainController">
    <div ng-include src="'sidepanel.html'"></div>
</div>

我的问题在这里

如何在这里编写侧面板控制器

---

示例github:

为什么使用ng include而不是自定义指令？我有一个侧面板，有三个li菜单，如果我单击该li菜单，我需要打开一个弹出窗口。在弹出窗口中，我们有动态链接。这些链接来自服务。

   'use strict';

define(['angularAMD', 'ui-router', 'ui_bootstrap', 'jquery-ui', 'angularModalService', 'bootstrapjs'], function (angularAMD) {
    var app = angular.module("sampleApp", ['ui.router', 'ui.bootstrap', 'angularModalService']);

//Main Controller
    app.controller('MainController', ['$scope', '$rootScope', '$timeout', '$state', '$window',
        function ($scope, $rootScope, $timeout, $state, $window) {
            $rootScope.sampleTest = 'Welcome Test';
        }]);
    app.config(['$stateProvider', '$locationProvider', '$urlRouterProvider', function ($stateProvider, $locationProvider, $urlRouterProvider) {
            $urlRouterProvider.otherwise('/home');
            $stateProvider.state('Home', {
                url: '/home',
                views: {
                    'content': {
                        templateUrl: 'views/home.html',
                        controller: 'HomeController'
                    }
                }
            });
        }]);

// Bootstrap Angular when DOM is ready
    angularAMD.bootstrap(app);

    return app;
});