title: Angularjs enable checkbox when click on href
body: <p>I want to enable checkbox when click on</p>
  
  <pre><code>&lt;a href="https://www.google.com" target="_blank"&gt;Google&lt;/a&gt;
  </code></pre>
  
  <p>My html code is given below</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;div class="container"&gt;
          &lt;section class="main-ctr"&gt;
              &lt;div class="error-msg" ng-show="showError"&gt;
                  &lt;div class="text"&gt;Please fix the validation error(s) below and try again&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="error-msg" ng-show="serviceErrorMsg"&gt;
                  &lt;div class="text"&gt;{{serviceErrorMsg}}&lt;/div&gt;
              &lt;/div&gt;
              &lt;header class="security-header"&gt;
                  &lt;img src="images/lock.png" alt="Security" class="security"&gt;
              &lt;/header&gt;
              &lt;main class="sm-main"&gt;
                  &lt;section class="fix-section security"&gt;
                      &lt;h1&gt;Security and privacy is important to us &lt;/h1&gt;
                      &lt;p&gt;Please read the &lt;a href="https://www.google.com" target="_blank""&gt;Google&lt;/a&gt;&lt;/p&gt;
                      &lt;label class="control control--checkbox m-t-45"&gt;I conﬁrm that I have read, understood and agree to
                          the above
                          &lt;input type="checkbox" ng-model="terms.agreed"/&gt;
                          &lt;div class="control__indicator"&gt;&lt;/div&gt;
                      &lt;/label&gt;
                      &lt;span class="error" ng-if="showError"&gt;Please select checkbox&lt;/span&gt;
                  &lt;/section&gt;
                  &lt;div class="clear"&gt;&lt;/div&gt;
                  &lt;div class="button-ctr"&gt;
                      &lt;button class="button" ng-class="terms.agreed ? 'active' : 'disable'" ng-click="proceed()"&gt;Agree&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/main&gt;
          &lt;/section&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="loading" ng-if="showLoader"&gt;
      &lt;img src="images/loader.gif" id="loading-image"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My controller code is given below</p>
  
  <pre><code>.controller('agreementCtrl', ['$rootScope', '$scope', '$state', '$window', 'globalService', 'dataServices', function ($rootScope, $scope, $state, $window, globalService, dataServices) {
      $scope.terms = {
          agreed: false
      }
      $scope.showLoader = false;
      $scope.proceed = function () {
          if (!$scope.terms.agreed) {
              $scope.showError = true;
              return;
          }
  
          $scope.showLoader = true;
      }
  }
  </code></pre>
  
  <p>So I want that when anyone click on Google link only after that my checkbox has to be enable.</p>