html - Dart WebUI html 数据值

Question

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

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

编辑：

我的 html 文档中有这个：

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

这在我的飞镖文件中：

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

通过“inject” inment 将字符串放入html 文档中dataValue的 placeholder( ) 中。{{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'));