0

AngularJS を学習しようとしていますが、解決が困難な問題に遭遇しました。

このテンプレートに基づいた小さなアプリケーションがあります。

<!doctype html>
<html lang="en" ng-app="fff">
  <head>
    <meta charset="utf-8" />
  <head>

  <body class="{{bodyClass}}"> 
    <div ng-view></div>
    <script src="/static/js/all.js"></script>
  </body>
</html>

で着替えたいbodyClassですng-view。そのような場合のベストプラクティスソリューションは何ですか?

4

3 に答える 3

0

コントローラーをそこに置くことで、ルート変更を使用してこれを試すことができます

app.run(function($rootScope) {
   $rootScope.$on('$routeChangeSuccess', function(ev,data) {   
     if (data.$route && data.$route.controller)
       $rootScope.controller = data.$route.controller;
   })
});

<body class="{{bodyClass}}"> そしてに 変更<body ng-class="controller">

http://plnkr.co/edit/fR6gSqeXbROl410tgzPJ?p=preview をチェック

于 2013-08-22T11:17:32.827 に答える
0

体で使用される変数は、何らかのコントローラーから取得する必要があります。ng-view 内には、コントローラーを含むページもある可能性が高いでしょう。このコントローラーは、'body' コントローラーの子になりました。これは、「子」コントローラーから親変数にアクセスできることを意味します。

これを読んでください：スコープ。これは、スコープに関する非常に優れた読み物です。これは必読だとさえ思います。

于 2013-08-22T11:31:14.730 に答える