javascript - Angular テンプレートが HTML にスコープ値を表示しない

Question

以下に示すように、 $stateprovider をセットアップしています。product.html ページのコンテンツの表示に問題があります。問題は、解決された「タイトル」です。コントローラーに送信され、$scope に設定された後、テンプレートに表示されません。

$stateProvider
          .state('main', {
            templateUrl: 'views/main.html',
            url: ""
          })
          .state('billing', {
            url: "/billing",
            controller: 'BillingCtrl',
            views: {
              "":{
                templateUrl: 'views/billing/billing.html'
              },
              "cart@billing":{
                templateUrl: 'views/billing/cart.html',
                controller: 'CartCtrl'
              },
              "products@billing":{
                templateUrl: 'views/billing/products.html',
                controller: 'ProductCtrl',
                resolve: {title: function(){return 'Hello'}} 
              }
            }
          });

コントローラーは

app.controller('ProductCtrl', function($scope, title){
    $scope.title = title;
});

そしてテンプレは

<div ui-view class="col-6">
    <h3>The test is {{title}}</h3>
</div>

ブラウザでは次のように表示されます

The test is {{title}}

Chrome 開発者ツールでは、タイトルが「Hello」の値を取得していることがわかりますが、非常にばかげたバグのように見えますが、なぜ解決しないのか理解できません。

ばかげた間違いを犯している可能性がありますか？