Angular/Dart 和 Material 输入 : How to put a link into a checkbox label?

Question

简单的问题:这有可能吗？

<material-checkbox [(ngModel)]="agbsAccepted" label='I have read <a href="/#/terms" target="_blank">the terms and conditions</a> and accept those.'></material-checkbox>

如果我这样写，HTML 将被解析为普通字符串。但是如果我写它，不要使用标签属性，它有时很难设置样式。

Answer 1

不支持字符串插值绑定(bind)中的 HTML。label使用字符串插值添加属性

<div class="content">
  {{label}}
  <ng-content></ng-content>
</div>

material-checkbox template source

正如您在模板中看到的那样，虽然支持投影上下文，因此这应该可以满足您的要求:

<material-checkbox [(ngModel)]="agbsAccepted">
  I have read <a href="/#/terms" target="_blank">the terms and conditions</a> and accept those.
</material-checkbox>