Angular показывает 2 вида после изменения состояния

Question

У меня есть сценарий инициализации app.js, где указаны возможные состояния моего приложения

Проблема в том, что когда я открываю состояние компании, а затем открываю состояние новостей или событий, он не заменяет '' представление из другого состояния, а просто объединяет его ..

app.config(function($stateProvider, $urlRouterProvider, $locationProvider, $compileProvider) {

    $stateProvider
        .state('main', {
            url: '/',
            views: {
                'search': {
                  templateUrl: 'views/search.html',
                  controller: 'categoryCtrl'
                },
                'footer': {
                  templateUrl: 'views/footer.html'
                }   
            }
        })
        .state('company', {
            url: '/company/:id',
            views: {
                '': {
                    templateUrl: 'views/company.html',
                    controller: 'companyCtrl'
                },
                'about@company': {
                  templateUrl: 'views/company-tabs/about.html'
                },
                'testimonials@company': {
                  templateUrl: 'views/company-tabs/testimonials.html'
                },
                'questions@company': {
                  templateUrl: 'views/company-tabs/questions.html'
                },
                'contacts@company': {
                  templateUrl: 'views/company-tabs/contacts.html',
                  controller: 'yaMapCtrl'
                },
                'form@company': {
                  templateUrl: 'views/form.html',
                  controller: 'formCtrl'
                }
            }
        })
        .state('news', {
            url: '/news',
            views: {
                '': {
                    templateUrl: 'views/news.html',
                    controller: 'newsCtrl'
                }
            }
        })
    .state('events', {
        url: '/events',
        views: {
            '': {
                templateUrl: 'views/events.html',
                controller: 'eventsCtrl'
            }
        }
    });
})

Я могу видеть оба "представления" из компании и состояния событий вместе, тогда как у меня есть только один вызов представления на моей главной HTML-странице

    <div ui-view=""></div>

Пожалуйста, помогите