问angularjs命名的ui视图只更新一个ui视图

EN

  <div ui-view="menu"></div>
  <div class="content" ui-view="content"></div>

settingsRoute = function($stateProvider, $urlRouterProvider){
    $stateProvider
        .state('settings', {
            url: '/settings',
            views: {
                "menu": {templateUrl: 'templates/settings.html'}
            }
        })
        .state('account', {
            url: "/account",
            views: {
                "menu": {templateUrl: 'templates/settings.html'},
                "content": {
                    templateUrl: 'templates/account.html',
                    controller: 'account'
                }
            }
        });
    $urlRouterProvider.otherwise('/account');
}

costingsRoute = function($stateProvider){
    $stateProvider
        .state('costings', {
            url: '/costings',
            views: {
                "menu": {templateUrl: 'templates/costings.html'}
            }
        })
        .state('invoices', {
            url: '/invoices',
            views: {
                "menu": {templateUrl: 'templates/costings.html'},
                "content": {
                    templateUrl: 'templates/invoices.html'
                }
            }
        })
}

angular.module('app').config(costingsRoute);