angularjs - angularjsコントローラーが部分ビューにバインドされていません

Question

定義された 2 つのコントローラー (AboutCtrl) の 1 つが期待どおりに動作しています。デフォルトのコントローラーである TransactionCtrl は正しい部分ビューとペアになっていますが、angularjs の魔法は発生していません。たとえば、解決されていない単純な式 1 + 2 = {{ 1+2}} があります (記述どおりに表示されます)。

アプリの定義は次のとおりです。

angular.module('pennyWatch', ['ui.bootstrap'])
.config(['$routeProvider', function ($routeProvider) {
    return $routeProvider
        .when('/', { title: 'Transactions', templateUrl: 'partials/transaction.view.html', controller: TransactionCtrl })
        .when('/about', { title: 'About', templateUrl: 'partials/about.view.html', controller: AboutCtrl })
        .when('/transaction', { title: 'Transactions', templateUrl: 'partials/transaction.view.html', controller: TransactionCtrl })
        .otherwise({ redirectTo: '/' });
}])

ここにコントローラーがあります。ブレークポイントにヒットできますが、他のブレークポイントにはヒットできAboutCtrlません。最近追加TransactionCtrl.$injectして、それが役立つかどうかを確認しましたが、違いはありません:

 function TransactionCtrl($scope, $location, logger, ngGrid) {
    logger.log("in TransactionCtrl");

    $scope.transactionList =
         [
                    { TransactionID: 1, Title: "TuElectric", Category: "Expense", Amount: "$  76.80", Date: "Jan 1" },
                    { TransactionID: 2, Title: "QT", Category: "Expense", Amount: "$   62.38", Date: "Jan 1" },
                    { TransactionID: 3, Title: "Kroger", Category: "Expense", Amount: "$  123.67", Date: "Jan 3" },
                    { TransactionID: 4, Title: "All State", Category: "Expense", Amount: "$  248.17", Date: "Jan 3" },
                    { TransactionID: 5, Title: "Credit Union", Category: "Income", Amount: "$1,897.00", Date: "Jan 4" }
         ];

    $scope.error = "";

    $scope.gridOptions = {
        data: "transactionList"
        //, showGroupPanel: true
    };


}
    TransactionCtrl.$inject = ['$scope', '$location', 'logger', 'ngGrid'];

    function AboutCtrl($scope, logger) {
        $scope.logEntries = logger.logEntries;
}

部分的なビュー:

    <!-- Transaction page partial view -->
<div style="position: absolute; top: 20px; left:2em;">
<a href="#/about" class="pageLink">About</a> 
</div>  

<p class="error" data-ng-show="error.length">{{error}}</p>
<br/>
<article>
    <header>
        <h2>Transaction List</h2>
    </header>

    <p>(trnx view) 1 + 2 = {{ 1 + 2 }}</p>
    <ul id="fauxTable">
        <li>
            <p><span>Title</span><span>Category</span><span>Amount</span><span>Date</span></p>
        </li>
        <li data-ng-repeat="item in transactionList">
           <p><span>{{item.Title}}</span><span>{{item.Category}}</span><span>{{item.Amount}}</span><span>{{item.Date}}</span></p>
        </li>
    </ul>
</article>   

<article>
    <h2>Transaction List (ngGrid)</h2>
    <div class="gridStyle" ng-grid="gridOptions">

    </div>

</article>

ありがとう！