Moodle for mobile

Good day, I have developed a custom plugin for Moodle App which is successfully displaying on the App but I have 2 challenges:

1. My anchor tags display properly but do not respond when clicked: 

   I have <%={{ }}=%> at the top
   the template as per Moodle custom plugin documentation.

   1. I have used 

      <ion-row>
          <ion-col>
              <a href="<% link %>" target="_blank">
                  Click to pay <% code %> account
              </a>
          </ion-col>
      </ion-row>
      
      even <ion-row>
          <ion-col>
              <ion-button href="<% link %>" target="_blank">
                  Click to pay <% code %> account
              </ion-button>
          </ion-col>
      </ion-row>
      They both display nicely, including the text with the actual value of <% code %>, but when I click on them, I get no response.

2. I am unable to pass values using the following:

   1. <p [innerHTML]=" 'plugin.local_studentspayment.fees' | translate: {$a: <% fullname %> "></p>. The string is being translated
      successfully including the innerHTML, but the value of full name is not being passed to the string.  The string = $string['fees'] = 'Dear {$a}, your account has been suspended due to fees owing. Should you want to
       make a payment reinstate your account, please click on the link below. If you have an account query, please email 
      <a href="mailto:example@gmail.net">example@gmail.net</a>.'
      
      I get : 'Dear {{$a}}, your account has been suspended due to fees owing. Should you want to make 
      a payment reinstate your account, please click on the link below. If you have an account query, 
      please email example@gmail.net.'