ES6を使用した部分的なHTMLナビゲーション

こんにちは私はフレームワークのないページナビゲーションで基本的なES6アプリケーションを作成しています。私は角度2が@componentとtemplateUrl:"index.html"の別のページに移動する経験があります。これは、HTMLタグとすべてと全体のHTMLページをロードします今私が使用して別のページにクリックでナビゲートするために私のページを作成してもらう件までES6を使用した部分的なHTMLナビゲーション

、

window.location.href = '';

。すべてのページにhtmlタグを付けずに、角度2の使い方のような部分的なHTMLファイルを使用したい。私はES6 Webコンポーネントを使用している場合、私はナビゲーション処理のために別々のファイルを使用するにはどうすればよい、ということ行うことができますどのように

質問です。

出典

2017-10-24 Dilakshan Sooriyanathan

テンプレートをajax経由でロードするための独自のフレームワークを構築する必要があります（動的ルーティングが必要な場合は、ルーティングライブラリ全体も）。 Angularは背中のものがたくさんあるし、バニラJSでAngular固有のコンセプトを使うことはできません。 –

Ajaxを使用する必要があります – user7951676

構文を使用してテンプレートファイルを作成します。変数に$ {}構文を使用して、後でES6テンプレートリテラルを使用して変数を設定することをお勧めします。次に、コアにファイルを作成します。ブラウザにonhashchangeイベントを登録し、http：// myhost/mypage＃myTemplateのようなハイパーリンクを使い始める。これらのリンクの1つが使用されるたびに、hashchangeがトリガされ、ハッシュからmyTemplateの名前を抽出できます。その名前のテンプレートファイルを適切な場所のDOMにレンダリングします。これは基本的なテンプレートとルーティングです。 – Shilly

残念ながら、EJSはそのような施設を提供していません。 EJSの一部を変更することはできません。

あなたができることは、同じものにajaxを使用することです。 ajaxファイルを作成し、ノードサーバーに要求し、それに従ってコンテンツを変更することができます。

出典

2017-10-24 08:02:59 Sagar

ES6を使用した部分的なHTMLナビゲーション

答えて

関連する問題