DevExtreme Angular UI Navigation Controls

DevExpressUIナビゲーションコントロールJavaScript

高度なルーティング機能を備えた柔軟な Angular ナビゲーション コントロール。

  • Angular SPA における URL ベースのナビゲーションとビュー管理を促進。
  • ビューのキャッシュをサポートし、再訪時の即時表示を実現。
  • URL パターンとパラメータを用いたルーティングルールの定義が可能。
DevExpress logo

価格:

読み込み中...
利用可能:
DevExtreme Complete（英語版）読み込み中
DevExpress DXperience（英語版）読み込み中
DevExpress Universal（英語版）読み込み中
DevExpress VCL Subscription +（英語版）読み込み中
選び方に迷っていますか？ 購入方法 と 仕様をご覧ください。
DevExtreme Angular UI Navigation Controls 商品画像
DevExtreme Angular UI Navigation Controls は、ユーザーがアプリケーション内をどのように移動するかを管理するために設計された Angular コンポーネントのセットを提供します。メニュー、ナビゲーションコンテナー、ビュー選択パターンに重点を置いており、開発者がアプリケーションの各セクションやさまざまな画面サイズにわたって、明確で予測しやすいナビゲーションを実装できるよう支援します。

URL ベースのビュー ナビゲーション

コントロールは URL フラグメント識別子の変更を監視し、表示するビューを判断します。これにより、URL にビュー名とパラメータをエンコードしてシングルページの Angular アプリ内でシームレスなナビゲーションが可能になります。

ルーティング ルールの宣言

開発者は URL パターン、デフォルトパラメータ値、および制約を持つルーティング ルールを登録できます。ルールは URL をビューとパラメータにマップし、多様なナビゲーション シナリオやエンコードされた状態の受け渡しを可能にします。

ビューのキャッシュと高速レンダリング

呼び出されたビューはレンダリング済みのマークアップと共にキャッシュされ、前に表示した画面に戻った時に再レンダリングや再クエリなしで即時表示が可能です。

柔軟なパラメータの受け渡し

ルーティングは URL 内のパラメータをシンプルな値またはシリアライズされたオブジェクトとして渡すことをサポートします。これにより、ナビゲーション時のビュー間で詳細な状態やコンテキスト共有が可能になります。

ナビゲーション コマンドとウィジェット統合

ルーティング URL はコマンドの実行やウィジェットのイベント ハンドラ、アクション バインディングに割り当てられ、ボタンクリックやメニュー選択などの UI インタラクションによるナビゲーションが可能になります。

ナビゲーション履歴管理

モバイルアプリケーション向けに、ナビゲーションは戻るボタン対応のビューのスタックとして扱います。フレームワークはビュー状態を記憶し、ナビゲーションスタックを管理してルートビューへの遷移や状態の復元をサポートします。

ウェブおよびモバイル ナビゲーション モード

ナビゲーション システムはモバイル風のナビゲーションスタックまたは一般的なウェブブラウザの履歴に設定可能で、ブラウザの戻るボタンや履歴機能とスムーズに連携します。

直接的なプログラム的ナビゲーション

開発者は提供される navigate 関数を使い、ナビゲーションスタックの挙動やターゲットの配置を制御するオプションのパラメータと共にプログラム的にナビゲーションを呼び出せます。

高度なルーティング機能

ルーティングルールは任意パラメータ、デフォルト値、パラメータ制約をサポートし、正確な URL パターンマッチングやナビゲーションフロー制御を可能にします。

製品の互換性

以下の詳細を確認して、この製品が環境内でサポートされていることを確認してください。

コンポーネントの種類

  • JavaScript

JavaScript プラットフォーム

  • Angular