角度/飞镖和材质输入:如何将链接放入复选框标签?

时间:2017-04-11 16:56:13

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

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

<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属性,它有时很难设计。

1 个答案:

答案 0 :(得分:2)

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