2017-09-24 13 views
0

ファンシーな電子書籍であるアプリを作成します。私は、各ページの固定されたルック/フレームを持つページテンプレートを定義したいと思います。角動的コンポーネントのデータからテンプレートをロード

<page></page> 

テンプレート:<page-content>トークン内

<h1>{{heading}}</h1> 
<div class="page-frame"> 
    <page-content></page-content> 
</div> 
<footer>footer contents</footer> 

、私は通常のテンプレートとしてフォーマットおよびカスタムタグが点在し、それが他のカスタムタグとテンプレートの形式のデータで読みたいです - HTMLだけではありません。 <page-content>コンポーネントは、読者がページ間を移動するときに、新しいページ定義にスワップ/アウトされます。

ページ1つの定義:

<p>paragraph</p> 
<custom-tag1 key=value></custom-tag1> 
<custom-tag2 key=value></custom-tag2> 

2ページ定義:個々のページの内容が通常のテンプレートデータとしてではなく形式で保存されることを

<blockquote>interesting quote</blockquote> 
<audio src="audio.file" controls></audio> 

ノート。

各ページをコンポーネントとして定義することなく、これを行う方法が見つかりませんでした。

ヘルプ/ポインタ/コメントありがとうございます。

答えて

関連する問題