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

このブロックは正しくなことがありますあなたは、名前のアイテムが状態設定オブジェクトのキーであることを確認してください

'' : { 
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' } 
    } 
})