javascript - ノックアウト付きの動的jqueryモバイルページ

Question

ここで説明されているようなjqueryモバイルページを生成しようとしています：http：//jquerymobile.com/demos/1.1.0/docs/pages/page-dynamic.html

HTMLが生成される方法は好きではありませんが、この種のコードを更新するのは難しいです。そのようなhtmlタグ文字列を連結するのではなく、もっと良い方法があるはずだと思います。たとえば、私はこれらの2つのステップを実行することを考えています。

1.ノックアウトテンプレートを持っている

<script type="text/html" id="category-template">
            <ul data-bind="foreach: Categories" data-role="listview">
                <li>
                    <a data-bind="{attr : { href : $parent.GetCategoryUrl(arguments[0][0])}}">
                        <img src="../res/placeholder.png" alt="" />
                        <span data-bind="text: Name"></span></a>
                </li>
            </ul>
<script>

2.showCategory関数では、テンプレートであるスクリプトノードからHTMLコードを取得し、jqueryモバイルサイトのページで説明されているように挿入できると考えています。

ただし、これは些細なことではありません。たとえば、スクリプトノードのHTMLを取得する方法がわかりません。バインディングが機能するかどうかはわかりません。また、実際にレンダリングされるデータを取得するには、現在のページ（まだ存在している）のビューモデルにアクセスする必要があります。ビューモデルにアクセスする方法がわかりません。

それを行うためのより良い方法はありますか？

ありがとう！