イオンチェックボックスにハイパーリンクを埋め込むことができません

Question

イオンチェックボックスに外部リンクを埋め込みたいとします。クリックイベントがトリガさもなく、アンカータグのhrefがworking.Hereもされていない私のコード

<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

a hrefをチェックボックス内に設定することはできません。私が望むと思うことは、チェックボックスの横にあるラベルが利用規約へのリンクになることです。下のような何かがそれを行う必要があります！

<ion-label><a href="http://www.example.com">and I agree to the Terms and Conditions</a></ion-label> 
<ion-checkbox name="agreement" ng-model="myCtrl.agreement"></ion-checkbox> 

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%; 
}