anglejsのURLに従ってボディのクラスを変更します

に__

これが私のURLです

ログイン用- http://localhost/ang/#/login

ダッシュボードの場合- http://localhost/ang/#/dashboard

これがbodyタグの私のhtmlです

これが現在のURLであるhttp://localhost/ang/#/login場合、本文にはclass="login-layout"タグが必要です

<body ng-cloak="" class="login-layout>

そうでなければそれは持っているべきです

<body ng-cloak="" class="no-skin">

はここで言っように私がURLを取ることができないことによってphpでこれをやろう# としました

これはAngularJS自体で行うことができますか?

更新:

私はAngularJSでこれをやろうとしました

コントローラーから私は後にURLを取得できます #

var nextUrl = next.$$route.originalPath;                   

しかし、どうすればクラス名を変更できますか。

アリ・ハビブザデ

私はプロジェクトでこれを行う必要があり、これが私がそれを達成した方法です:

私のメインアプリコントローラーの中には:

// Inject the $location service in your controller
// so it is available to be used and assigned to $scope
.controller('AppCtrl', ["$scope", "$location",...

    // this_route() will be the variable you can use
    // inside angular templates to retrieve the classname
    // use it like class="{{this_route}}-layout"
    // this will give you -> e.g. class="dashboard-layout"
    $scope.this_route = function(){
         return $location.path().replace('/', '');
    };

これにより、スコープの現在のルート名が公開されます。

次に、私のbodyタグは単に次のようになります。

<body ng-controller="AppCtrl" class="{{this_route()}}-view" ng-cloak>

同様に、これを$ stateで使用して、を読み取り、$state.current.urlスコープに割り当てることができます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

MeteorのURLに基づいてボディクラスを変更する

分類Dev

テキストボックスの変更jQueryに従ってフィールドを更新する

分類Dev

anglejsディレクティブリンク関数の要素クラスを変更します

分類Dev

デバイスのデフォルト言語に従ってアプリの言語を変更します

分類Dev

フィルタDAXに従って正と負の値を変更します

分類Dev

サブクラスに従って共変リスト要素をディスパッチします

分類Dev

セルデータに従って形状のサイズを変更します

分類Dev

noUiSlider値を使用して、インデックスによってdiv要素のクラスを変更します

分類Dev

セクションラベル(pandas / matplotlib)に従って円グラフの色を変更します

分類Dev

html番号入力ボックスは以下の単位ラベルに従って変化します

分類Dev

AVSpeechUtteranceに従ってスライダーの値をすばやく変更します

分類Dev

サブディレクトリのパターンに従って名前を変更し、コピーを作成する bash スクリプト

分類Dev

パーセンテージに従ってヒストグラムの背景色を変更します

分類Dev

express.jsハンドルバー、静的ファイルディレクトリを取得し、URLに従って変更を保持します

分類Dev

オペレーティングシステムに従ってGradleのランタイム依存関係を変更しますか?

分類Dev

ブール変数に従って2つのクラスのいずれかを設定します

分類Dev

anglejsの選択ボックスの変更時にスパン内部htmlを動的に更新します

分類Dev

UserControlに従ってWPFの高さウィンドウをどのように変更しますか?

分類Dev

dplyrを使用して列名に従ってデータフレームの値を変更しますか?

分類Dev

他の行列に従って行列の列の名前を変更します

分類Dev

配列に従ってクラスを変更する

分類Dev

タグに従ってXMLを特定のサブクラスに解析します

分類Dev

ディレクトリからファイルのファイル名を取得し、BATCHスクリプトの文字列連結のような文字列操作に従って変更します

分類Dev

Linuxを使用して、変更日に従ってjpg画像のタイムラインを作成します

分類Dev

属性/ Pythonに従ってxml要素のインデックスを取得します

分類Dev

インデックスに従って配列の値を交換します

分類Dev

URL JqueryDjangoに従ってアクティブクラスを要素に追加します

分類Dev

フォームフィールドのデータに従って特定のURLに移動するボタンを作成します

分類Dev

インデックスの式に従って配列のブール値を変更する

Related 関連記事

  1. 1

    MeteorのURLに基づいてボディクラスを変更する

  2. 2

    テキストボックスの変更jQueryに従ってフィールドを更新する

  3. 3

    anglejsディレクティブリンク関数の要素クラスを変更します

  4. 4

    デバイスのデフォルト言語に従ってアプリの言語を変更します

  5. 5

    フィルタDAXに従って正と負の値を変更します

  6. 6

    サブクラスに従って共変リスト要素をディスパッチします

  7. 7

    セルデータに従って形状のサイズを変更します

  8. 8

    noUiSlider値を使用して、インデックスによってdiv要素のクラスを変更します

  9. 9

    セクションラベル(pandas / matplotlib)に従って円グラフの色を変更します

  10. 10

    html番号入力ボックスは以下の単位ラベルに従って変化します

  11. 11

    AVSpeechUtteranceに従ってスライダーの値をすばやく変更します

  12. 12

    サブディレクトリのパターンに従って名前を変更し、コピーを作成する bash スクリプト

  13. 13

    パーセンテージに従ってヒストグラムの背景色を変更します

  14. 14

    express.jsハンドルバー、静的ファイルディレクトリを取得し、URLに従って変更を保持します

  15. 15

    オペレーティングシステムに従ってGradleのランタイム依存関係を変更しますか?

  16. 16

    ブール変数に従って2つのクラスのいずれかを設定します

  17. 17

    anglejsの選択ボックスの変更時にスパン内部htmlを動的に更新します

  18. 18

    UserControlに従ってWPFの高さウィンドウをどのように変更しますか?

  19. 19

    dplyrを使用して列名に従ってデータフレームの値を変更しますか?

  20. 20

    他の行列に従って行列の列の名前を変更します

  21. 21

    配列に従ってクラスを変更する

  22. 22

    タグに従ってXMLを特定のサブクラスに解析します

  23. 23

    ディレクトリからファイルのファイル名を取得し、BATCHスクリプトの文字列連結のような文字列操作に従って変更します

  24. 24

    Linuxを使用して、変更日に従ってjpg画像のタイムラインを作成します

  25. 25

    属性/ Pythonに従ってxml要素のインデックスを取得します

  26. 26

    インデックスに従って配列の値を交換します

  27. 27

    URL JqueryDjangoに従ってアクティブクラスを要素に追加します

  28. 28

    フォームフィールドのデータに従って特定のURLに移動するボタンを作成します

  29. 29

    インデックスの式に従って配列のブール値を変更する

ホットタグ

アーカイブ