1

私のメイン レイアウトには、次のような見出しがあります。

<h1>{{ heading }}</h1>

以下を使用して、コントローラーからさまざまな静的値に設定できます。

$rootScope.heading = 'My Heading';

しかし、リソースから動的な見出しを作成しようとすると、空白になります:

app.controller('ShowAccountController', function($scope, $rootScope, $state, $stateParams, Account) {
  $scope.account = Account.get({ id: $stateParams.id });
  $rootScope.heading = $scope.account.name;
});

アカウント変数は間違いなくそこに設定されているため (コンソールで確認)、見出しに値がない理由について少し困惑しています。

4

1 に答える 1

1

@sh0ber が指摘したように、Chrome コンソールの動作方法に混乱しています。とにかく、heading変数を設定するには、コールバックを使用する必要があります。

app.controller('ShowAccountController', function($scope, $rootScope, $state, $stateParams, Account) {
  $scope.account = Account.get({ id: $stateParams.id }, function(account){
    $rootScope.heading = account.name;
  });
});
于 2013-06-19T04:50:55.947 に答える