Angular / Dart 和材质输入：如何将链接放入复选框标签？

【问题标题】：Angular / Dart and Material Inputs: How to put a link into a checkbox label?Angular / Dart 和材质输入：如何将链接放入复选框标签？
【发布时间】：2017-09-07 04:47:44
【问题描述】：

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

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

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

【问题讨论】：

标签： angular dart angular-material angular2-dart dart-angular-templates

【解决方案1】：

不支持字符串插值绑定中的 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>

【讨论】：