Question

我想用Dart创建一个HTML链接。

我会写HTML格式的地方：

You can click <a href="url_1">here</a> and <a href="url_2">there</a>.

我不知道如何在Dart中做到这一点。我试过像：

LinkElement link1;
link1.href = "url1";

我不知道如何在静态句子中插入link1对象，如上面的HTML示例。

Answer 1

有很多方法可以做到;这里有两个：

import 'dart:html';

void main() {
  // Method one: build everything from scratch
  var p = new ParagraphElement();
  var link1 = new AnchorElement()
    ..href = 'url_1'
    ..text = 'here';
  var link2 = new AnchorElement()
    ..href = 'url_2'
    ..text = 'there';

  p ..appendText('You can click ')
    ..append(link1)
    ..appendText(' and ')
    ..append(link2)
    ..appendText('.');

  document.body.children.add(p);

  // Method two: just set `innerHtml` with an HTML fragment
  var p2 = new ParagraphElement()
    ..innerHtml = 'You can click <a href="url_1">here</a> '
                  'and <a href="url_2">there</a>.';

  document.body.children.add(p2);
}

您可以在这两个极端之间做一些事情，或者您可以像以前一样在HTML文件中编写它，为您提供所需的部分id或class es可以从Dart访问它们。很难从你的问题中确切地知道你的需求是什么，但这些选项应涵盖你认为适合你案件的任何内容。

如何在Dart中创建HTML链接？

1 个答案: