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

标签 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 属性,有时很难设置样式。

最佳答案

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

关于 Angular/Dart 和 Material 输入 : How to put a link into a checkbox label?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43352011/

相关文章:

angular - 如何为tabPanel定义静态索引

javascript - 检查型号 "dirtiness"

angular - 设置 p-dropdown 的滚动高度会引发错误

dart - Flutter或Dart:如何获取设备信息,例如CPU计数,总内存和存储空间等

dart - 如何在 flutter fluro 中传递多个参数

angular - 具有特定时区的 Material 日期选择器

javascript - Karma/Jasmine 测试未通过 Angular Material 工具提示

angular - 选择框默认值未显示 [(ngModel)] Angular 2

dart - 使用 js-interop 如何将 javascript Array 和 Object 转换为原生 dart Map。

javascript - 在 Angular Material Accordion 中打开第一个附加的扩展面板