同じアプリで複数のページを開く方法は？

Question

AureliaはSPAのフレームワークですが、ブラウザ内で複数のページを同時に開く必要があります。

ドラッグ可能なdiv内に各ページ（view/viewmodel）をホストし、同時に複数のページを開くことができます。それらは、メニューからユーザーによって選択されます。

私はviewPortsを見てきましたが、この問題でどのように役立つのか分かりません。

これを行う別の方法はありますか？

Answer 1

はい、これを行う方法があります。

あなたはページを言いますが、基本的にはコンポーネントです。すべてのコンポーネントにHTML（ビュー）とJS（ビューモデル）ファイルがあります。カスタム要素として含めることができます。

複数のコンポーネントを1つのページに配置する必要がある場合は、それらのビューのプレースホルダを持つコンポーネントを1つ作成するだけです。

おそらく、あなたはこのように見て何かをしたいでしょう：

running Gist example

<template> 
    <require from="./page1"></require> 
    <require from="./page2"></require> 

    <page1></page1> 

    <hr> 

    <page2></page2> 
</template> 

あなたは同じページの複数のインスタンスが必要な場合は、表示したいすべての要素のループを作成し、そして置くことができます要素のrepeat.for：

HTML：

<template> 
    <require from="./page1"></require> 
    <require from="./page2"></require> 

    <page1 repeat.for="i of page1instances"></page1> 

    <hr> 

    <page2 repeat.for="i of page2instances"></page2> 
</template> 

の

JS：

export class App { 
    const page1Instances = 4; 
} 

彼らは他のすべての要素のような&ドロップ可能な作品をドラッグして作るが、それが発見されるために多くのソリューションがあります。 <page1>と<page2>をドラッグ可能にするだけです。