无法在离子复选框中嵌入超链接

Question

我想在离子复选框中嵌入一个外部链接。 click事件触发器和anchor标签的href都没有工作。这是我的代码

 <ion-checkbox name="agreement" ng-model="myCtrl.agreement">
    <a href="www.example.com" ng-click="myCtrl.onClickAgreement()">
     and I agree to the Terms and Conditions
    </a>
  </ion-checkbox>

这是控制器

vm.onClickAgreement = function () {
    window.open("www.example.com",'_system');
}

请帮帮我。

Answer 1

您无法在复选框中设置ID 2 (James) & ID 4 (Jack) isFriend true ID 2 (James) & ID 5 (Sabrina)<br> isFriend false (They don't even have a status together.) 。我想你想要的是复选框旁边的标签是条款和条件的链接。像下面这样的东西应该做到！

a href

Answer 2

如果您想使用ion-item，则永远不能触发超链接，因此您可以使用以下代码：

<div class="conditions">
    <ion-checkbox name="agreement" formControlName="terms" [(ngModel)]="terms">
    </ion-checkbox>
    <a href="http://www.google.cl/">Acepto términos y condiciones</a>
</div>

你需要设计它们的样式：

.conditions{
  padding: 12px;
}

.conditions ion-checkbox{
   float: left;
   margin-right: 8px;
}

.conditions ion-label{
  float: left;
  width: 70%;
}