Jak dynamicznie ładować HTML i wstawiać do mojej strony za pomocą Dart?

Jak dynamicznie ładować fragment kodu HTML i wstawiać go do mojej strony internetowej? Używam Dart.Jak dynamicznie ładować HTML i wstawiać do mojej strony za pomocą Dart?

Źródło

2012-06-06 Seth Ladd

świetne pytanie! –

Dobrze, że pytasz! Używanie Dart do tego zadania nie różni się zbytnio od JavaScript, z wyjątkiem pisania, wypełniania kodu i łatwej edycji.

Najpierw utwórz snippet.html:

<p>This is the snippet</p>

Następnie należy utworzyć aplikację. Zwróć uwagę na użycie XMLHttpRequest, aby zażądać fragmentu. Użyj także new Element.html(string), aby utworzyć blok HTML z ciągu znaków.

import 'dart:html'; 

void main() { 
    var div = querySelector('#insert-here'); 
    HttpRequest.getString("snippet.html").then((resp) { 
    div.append(new Element.html(resp)); 
    }); 
}

Wreszcie, oto strona gospodarza HTML:

<!DOCTYPE html> 

<html> 
    <head> 
    <title>dynamicdiv</title> 
    </head> 
    <body> 
    <h1>dynamicdiv</h1> 
    <div id="insert-here"></div> 
    <script type="application/dart" src="dynamicdiv.dart"></script> 
    <script src="packages/browser/dart.js"></script> 
    </body> 
</html>

Źródło

2012-06-06 03:42:04

... i wydaje się, że jest to sprytne rozwiązanie. –

XMLHttpRequest jest teraz HttpRequest –

huh? Zadajesz pytanie, a następnie mówisz do siebie: "Cieszę się, że zapytałeś!" Chociaż raczej dziwna, odpowiedź, którą dałeś sobie, była pomocna. – Nope

main.dart:

import 'dart:html'; 

DivElement div = querySelector('div'); 

main() async { 
    String template = await HttpRequest.getString("template.html"); 
    div.setInnerHtml(template, treeSanitizer: NodeTreeSanitizer.trusted); 
}

template.html:

<h1>Hello world.</h1> 

Check my bird... <em>it flies</em> ! 
<img src="https://www.dartlang.org/logos/dart-bird.svg">

Pełen przykład, że kończy się po wyjęciu z pudełka, patrz:

https://gist.github.com/kasperpeulen/536b021ac1cf397d4e6d

Uwaga że trzeba 1.12 dostać NodeTreeSanitizer.trusted pracy.

Źródło

2015-07-24 06:14:14 Kasper

Jak dynamicznie ładować HTML i wstawiać do mojej strony za pomocą Dart?

Odpowiedz

Powiązane problemy