问拖放引导弹出不起作用

EN

 (function () {

    'use strict';
    function HomeController($scope,redirectService) {

        $scope.homeController = {};

        $scope.homeController.users = [
            {
                icon: 'img/online.png',
                name: 'Vanessa Angel'
            },
            {
                icon: 'img/online.png',
                name: 'Tom Baker'
            }
        ];

        $scope.homeController.logOut = function () {
            redirectService.loginToLogin();
        };
    }


    angular.module('chatApp').controller('homeController', HomeController);
})();

<div id="wrapper">

    <div class="right">
        <input type="submit" id="logOut" class="btn btn-primary" value="Sign Out" ng-click="homeController.logOut()">
    </div>
    <div class="left clear">
        <h1 style="font-family: 'Helvetica Neue'"><b>Online users</b></h1>

        <div ng-repeat="user in homeController.users">
            <user-directive user-list="user"></user-directive>

        </div>

    </div>
</div>

(function () {
    'use strict';

    angular.module('chatApp').directive('userDirective', function () {
        return {
            restrict: 'E',
            scope: {
                userList: '='
            },
            templateUrl: 'src/home/user.tpl.html'
        };
    });
})();

<div>
    <ul class="list-group">
        <li class="list-group-item">
            <p class="item">
                <a href="#myModal" data-backdrop="false" data-toggle="modal">
                    <img width="20px" height="20px" ng-src="{{userList.icon}}"/><span class="icon-text">{{userList.name}}</span>
                </a>
            </p>
        </li>
    </ul>
    <div id="myModal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Settings</h4>

                </div>
                <div class="modal-body">
                    <p>Settings</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
</div>

(function () {
    'use strict';
    angular.module('chatApp').factory('redirectService', function ($state) {
        var service = {};
        service.loginToHome = function () {
            $state.go('home');
        };

        service.loginToLogin = function(){
            $state.go('login');
        };
        return service;
    });
})();

(function () {

    'use strict';
    angular.module('chatApp', ['ui.router', 'ui.bootstrap'])
        .config(function ($stateProvider, $urlRouterProvider) {

            $urlRouterProvider.otherwise("/login");

            $stateProvider
                .state('login', {
                    url: '/login',
                    templateUrl: 'src/user/login/login.tpl.html',
                    controller: 'loginController'
                })
                .state('home', {
                    url: '/home',
                    templateUrl: 'src/home/home.tpl.html',
                    controller: 'homeController'

                })
        });
})();