angular-material

Question

我有这个代码：

<div layout="row">
  <md-checkbox aria-label="Checkbox">
            Read <a href="terms-of-service.pdf" target="_blank">terms&conditions</a>
  </md-checkbox>
</div>

如何在 "md-checkbox" 中打开 link？

这里是Plunkr

Answer 1

好像是known bug。但是 fixed 5 天前在 v.0.10

尝试使用这个新版本来修复错误。

<link data-require="angular-material@0.10.0-rc4" data-semver="0.10.0" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/0.10.0-rc4/angular-material.min.css" />
<script data-require="angular-material@0.10.0-rc4" data-semver="0.10.0" src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/0.10.0-rc4/angular-material.min.js"></script>

在这里查看：http://plnkr.co/edit/fjXDqbi6U5p6zv9K1AKM?p=preview

Answer 2

似乎是 angular-material 中的错误，但您可以绕过它并使用 pointer-events: all 作为样式属性。

尝试将 <a href="terms-of-service.pdf" target="_blank"> 更改为 <a href="terms-of-service.pdf" target="_blank" style="pointer-events: all"> - 它对我有用。

angular-material - 在 md-checkbox 中打开 link

angular-material - open link in md-checkbox

angularjs