3

ここでは、Polymer ベース、Angular ベース、またはルートベースのソリューションには興味がないことに注意してください。私はここで「純粋な」Dart を学ぼうとしています。今後はこれらのフレームワークの 1 つを使用することに切り替える可能性がありますが、まず基礎をよく理解する必要があります。

Dart では、大量の HTML「スニペット」(以下を参照) を一度に (アプリの起動時に) ダウンロードし、それらをブラウザー (ウィンドウ全体または特定の<div>要素の内部など) にロードすることは可能ですか? ）動的に？

たとえば、私の HTML ファイルには次の<div>要素が含まれている可能性があります。

<body>
    <!-- lots of HTML -->

    <div id="container"></div>

    <!-- more HTML -->
</body>

そして、HTML の 2 つの「スニペット」(DOM サブツリー、HTML テンプレート) をダウンロードし、それらのいずれかをcontainerdiv タグに動的にロードしたいと思います。おそらく、スニペットの 1 つは次のようになります。

<h1>I'm Snippet #1!!!</h1>
<input type="button" name="redPillButton" value="Red Pill!" />

そして、私のような別のスニペット：

<h1>I'm Snippet #2!!!</h1>
<input type="button" name="bluePillButton" value="Blue Pill!" />

2 つのスニペットを独自の HTML ファイル内に配置できますか? それとも、それらを 1 つの大きなファイル内に配置して、読み込みたい "スニペット" を抽出する必要がありますか? いずれにしても、Dart Web アプリでこれを達成するにはどうすればよいですか?

4

1 に答える 1

4

各パーツを独自のファイルに保持し、次のようにロードできます。

HttpRequest.getString("part.html").then((html) {
  querySelector('#container').innerHtml = html;
});
于 2013-12-28T19:59:58.970 に答える