Angular-タイトルでオプションのパラメータを使用

userMod2

タイトルの角度ルートのオプションパラメータをどのように使用できますか。

だから私textToSearchはタイトルに登場したい

.when('/search/:textToSearch',
    {
      title: 'Searching' + textToSearch,
      templateUrl: 'views/search.html',
      controller: 'searchController'
    }
  )

そして、routeChangeSuccessでタイトルを設定しています:

$rootScope.$on('$routeChangeSuccess', function() {
          //Set the <title> tag
          if (!$route.current.title) {
            document.title = 'Default Generic Title';
          } else {
            document.title = $route.current.title;
          }
}
dfsq

タイトル文字列のルートパラメータにプレースホルダーを使用し、ルートパラメータオブジェクトに対して補間します。

.when('/search/:textToSearch', {
  title: 'Searching {{ textToSearch }}',
  templateUrl: 'views/search.html',
  controller: 'searchController'
})

補間部分(必ず$interpolateサービスを注入してください):

$rootScope.$on('$routeChangeSuccess', function() {
  //Set the <title> tag
  if (!$route.current.title) {
    document.title = 'Default Generic Title';
  } else {
    document.title = $interpolate($route.current.title)($route.current.params);
  }
})

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

Angular 2:パラメーターとオプションのパラメーターを使用してルートをリダイレクトする

分類Dev

Angular-複数のオプションのルートパラメータ

分類Dev

Angular 2オプションのルートパラメーター

分類Dev

Angular LazyRoutesとオプションの行列パラメーター

分類Dev

Angular2 +ルーティング-オプションのルートパラメータ

分類Dev

オプションのクエリパラメータを備えたAngularルーター

分類Dev

Angular4: ルーター、子 (オプション) パラメーター

分類Dev

Angular2 +には、オプションのパラメーター用のrouterLinkActiveタイプのソリューションが必要です

分類Dev

Angular2のオプションパラメータを使用した依存性注入

分類Dev

Angular 2:コンポーネントの相互作用、オプションの入力パラメーター

分類Dev

Angular 2:コンポーネントの相互作用、オプションの入力パラメーター

分類Dev

ルーティング中のオプションパラメータangular2

分類Dev

Angularディレクティブのオプションパラメータ

分類Dev

Angular UI-Router 1つの状態でより多くのオプションパラメーター

分類Dev

Angular2 rc1- @ Routes宣言の順序は重要ですか(オプションのパラメーター)?

分類Dev

Angularで「どのスタイルシート形式を使用しますか(矢印キーを使用)」にSCSSオプションがありません

分類Dev

Angular 4.2.0 のコンポーネント プロパティにアニメーション入力パラメーターをバインドします。

分類Dev

Angular 9:ルートナビゲーションパラメータの問題

分類Dev

コンパイラオプションをAngular7のターゲットes6およびes2017として使用している場合でも、コンパイル時エラーを修正するにはどうすればよいですか?

分類Dev

Angular 2-Typescriptでオプションのクラスパラメーターを設定するにはどうすればよいですか?

分類Dev

Urlのパラメーターのオプションの区切り文字として「/」を使用します-Angular-Ui-Router

分類Dev

Angularルーターを使用してAngularCLI 8+で子ルートを使用しているときに、ナビゲーション用のURLの間にある2つのルートパラメーターを入力する方法

分類Dev

継続的インテグレーションでコンパイルおよびビルドされないAngular5アプリケーションを使用したAzureデプロイメントオプション

分類Dev

継続的インテグレーションでコンパイルおよびビルドされないAngular5アプリケーションを使用したAzureデプロイメントオプション

分類Dev

Angular Typescriptは、空でない場合にのみ、オプションのRESTfulURLパラメーターを送信します

分類Dev

RxJsストアAngular5-アプリケーションパラメータ/データの保存

分類Dev

アプリケーション全体でAngularのスタイルを使用する方法Angular4

分類Dev

Angular http getのマップとタイプパラメーターを使用したインターフェースへの直接キャストの違いは?

分類Dev

コンパイラオプションを使用してd.tsファイルを生成すると、angularのエラーが生成されます

Related 関連記事

  1. 1

    Angular 2:パラメーターとオプションのパラメーターを使用してルートをリダイレクトする

  2. 2

    Angular-複数のオプションのルートパラメータ

  3. 3

    Angular 2オプションのルートパラメーター

  4. 4

    Angular LazyRoutesとオプションの行列パラメーター

  5. 5

    Angular2 +ルーティング-オプションのルートパラメータ

  6. 6

    オプションのクエリパラメータを備えたAngularルーター

  7. 7

    Angular4: ルーター、子 (オプション) パラメーター

  8. 8

    Angular2 +には、オプションのパラメーター用のrouterLinkActiveタイプのソリューションが必要です

  9. 9

    Angular2のオプションパラメータを使用した依存性注入

  10. 10

    Angular 2:コンポーネントの相互作用、オプションの入力パラメーター

  11. 11

    Angular 2:コンポーネントの相互作用、オプションの入力パラメーター

  12. 12

    ルーティング中のオプションパラメータangular2

  13. 13

    Angularディレクティブのオプションパラメータ

  14. 14

    Angular UI-Router 1つの状態でより多くのオプションパラメーター

  15. 15

    Angular2 rc1- @ Routes宣言の順序は重要ですか(オプションのパラメーター)?

  16. 16

    Angularで「どのスタイルシート形式を使用しますか(矢印キーを使用)」にSCSSオプションがありません

  17. 17

    Angular 4.2.0 のコンポーネント プロパティにアニメーション入力パラメーターをバインドします。

  18. 18

    Angular 9:ルートナビゲーションパラメータの問題

  19. 19

    コンパイラオプションをAngular7のターゲットes6およびes2017として使用している場合でも、コンパイル時エラーを修正するにはどうすればよいですか?

  20. 20

    Angular 2-Typescriptでオプションのクラスパラメーターを設定するにはどうすればよいですか?

  21. 21

    Urlのパラメーターのオプションの区切り文字として「/」を使用します-Angular-Ui-Router

  22. 22

    Angularルーターを使用してAngularCLI 8+で子ルートを使用しているときに、ナビゲーション用のURLの間にある2つのルートパラメーターを入力する方法

  23. 23

    継続的インテグレーションでコンパイルおよびビルドされないAngular5アプリケーションを使用したAzureデプロイメントオプション

  24. 24

    継続的インテグレーションでコンパイルおよびビルドされないAngular5アプリケーションを使用したAzureデプロイメントオプション

  25. 25

    Angular Typescriptは、空でない場合にのみ、オプションのRESTfulURLパラメーターを送信します

  26. 26

    RxJsストアAngular5-アプリケーションパラメータ/データの保存

  27. 27

    アプリケーション全体でAngularのスタイルを使用する方法Angular4

  28. 28

    Angular http getのマップとタイプパラメーターを使用したインターフェースへの直接キャストの違いは?

  29. 29

    コンパイラオプションを使用してd.tsファイルを生成すると、angularのエラーが生成されます

ホットタグ

アーカイブ