html - Dart WebUI html 数据值

Question

我在使用 dart 的 web ui 包时遇到了一些问题。

首先，我看到 web ui 没有解释 html 标签。是不是可以使用，例如<br />标签，将 html 代码注入(inject) div 或 html 中的 span 元素？

编辑:

我的 html 文档中有这个:

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

这在我的 Dart 文件中:

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

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

Answer 1

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

但是，您可以使用 \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'));