如何在dart中打印值到浏览器

时间:2014-05-21 16:00:44

标签: dart dart-html

以下代码是使用dart从URL中提取参数 我能够在控制台中打印值,但我无法获得如何在控制台中将输出显示为html版本的浏览器。请帮忙

import 'dart:core';
import 'dart:html';

void main() {
  var q = '?id=abc&id1=cde&id3=asad';

  if(q.contains('?'))  {

   var a = q.replaceFirst("?"," ");

   var c = a.split("&");
   print(c);
 }

1 个答案:

答案 0 :(得分:1)

您可以将输出添加到body元素,或者添加像<div></div>这样的元素并将其插入此元素中。

使用&#39; div&#39;您应该在index.html中添加一个元素(或者您的HTML页面的名称),例如

...
<body>
  <div id='someDiv'></div>
</body>
在您的Dart代码中

就像

一样
import 'dart:core';
import 'dart:html';

void main() {
  var q = '?id=abc&id1=cde&id3=asad';

  if(q.contains('?'))  {

   var a = q.replaceFirst("?"," ");

   var c = a.split("&");
   // querySelector('#someDiv').text = '${c}'; // <= you may need some encoding for special characters like <, >, &, ... 
   var div = querySelector('#someDiv');
   c.forEach((e) => div.append(new DivElement()..text = '${e}'));
 }