UI路由器命名视图和NG-控制器

Question

我点名的观点：

.state('home', { 
    url: '/', 
    views: { 
    '' : { 
     templateUrl: '/layouts/main.html', 
     controller: ['$rootScope', function($rootScope) { 
     $rootScope.css.background = "#ebeced"; 
     }] 
    }, 
    'nav@home': { templateUrl: '/templates/nav.html' }, 
    'menu@home': { templateUrl: '/home/menu.html'}, 
    'main@home': { templateUrl: '/templates/feed.html' }, 
    'footer@home': { templateUrl: '/home/footer.html' } 
    } 
}) 

和main.html看起来是这样的（注意，NG-控制器）：

<div ng-controller="baseCtrl"> 
    <div ui-view="nav"></div> 

    <div class="wrapper"> 

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

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

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

    </div> 
</div> 

我baseCtrl是不承认ng-model值在ui-view中的任何一个文本框中。

<input type="text" ng-model="url" ng-blur="addUrl()" /> 

和baseCtrl：

$scope.url = ""; //required or get error about not being defined 
$scope.addUrl = function() { 
    console.log($scope.url); //nothing??? 
} 

上午我做一个愚蠢的错误地方？

UPDATE： 我想我已经解决了这个问题 - 我需要定义baseCtrl作为控制器每个视图了。

Answer 1

此块可能是uncorrect：

'' : { 
templateUrl: '/layouts/main.html', 
//..etc 

你肯定不愿透露姓名的项目应在状态配置对象的关键？您可以尝试把它differenlty：

.state('home', { 
    url: '/', 
    templateUrl: '/layouts/main.html', 
    controller: ['$rootScope', function($rootScope) { 
     $rootScope.css.background = "#ebeced"; 
    }], 
    views: { 
    'nav@home': { templateUrl: '/templates/nav.html' }, 
    'menu@home': { templateUrl: '/home/menu.html'}, 
    'main@home': { templateUrl: '/templates/feed.html' }, 
    'footer@home': { templateUrl: '/home/footer.html' } 
    } 
})