如何将Dart中的值打印到浏览器

Question

下面的代码是使用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);
 }

Answer 1

您可以将输出添加到body元素，也可以添加<div></div>元素并将其插入到此元素中。

要使用'div'元素，您应该在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}'));
 }

如何将Dart中的值打印到浏览器

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-05-21 16:05:10

如何将Dart中的值打印到浏览器

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-05-21 16:05:10

解决方案1
1 已采纳 2014-05-21 16:05:10