Dart WebUI html数据值

Question

我对dart的web ui包有一些问题。

首先，我发现web用户界面没有解释html标签。例如，不能使用<br />标签在html中的div或span元素中注入html代码吗？

编辑：

我的html文档中有以下内容：

<span>{{dataValue}}</span>

在我的dart文件中：

String dataValue = "This is an example <br /> using line breaks";

通过在html文档中将dataValue字符串放在其占位符({{dataValue}})内进行“注入”。我的问题是，我能以某种方式将这个字符串解释为html吗？现在它将<br />标签显示为普通文本，而不是将其解释为html换行符。

Answer 1

这是预期的工作。如果以这种方式将任意HTML代码作为字符串注入，这将是一个安全问题。

但是，您可以使用\n向字符串添加一个换行符，该换行符将在您的页面上可见。

或者，您可以使用Dart HTML库将元素添加到需要的位置。

例如：

<span id="mySpan"></span>

import 'dart:html';

var span = query('#mySpan');
span.append(new Text('first half of my text'));
span.append(new BrElement());
span.append(new Text('second half of my text'));