title: How can I link ion-card to external url dynamically
body: <p>I've an ion-card that get its contents from a web server, all is working fine except linking ion-card click event to external url, below is my code</p>
  
  <pre><code>&lt;ion-content no-padding &gt;
  
        &lt;ion-item no-padding *ngFor="let item of items" &gt;
    &lt;ion-card (click)="goToDetails('{{item.link}}')"&gt;
  
  
  
        &lt;img class="images" src="http://mydomain/{{item.captionImage}}"&gt;
  
      &lt;ion-item text-wrap&gt;
        &lt;div class="headings"&gt;{{item.title}}&lt;/div&gt;
      &lt;/ion-item&gt;
        &lt;ion-card-content text-wrap&gt;
          &lt;p&gt;{{item.message}}"&lt;/p&gt;
        &lt;/ion-card-content&gt;
  
        &lt;ion-row&gt;
          &lt;ion-col col-9&gt;
            &lt;ion-row&gt;
              &lt;ion-col&gt;
  
  
                &lt;img class="owner-logo" src="http://mydomain/{{item.sourceLogo}}"&gt;
  
          &lt;/ion-col&gt;
          &lt;ion-col&gt;
  &lt;div class="owner-name"&gt;{{item.source}}&lt;/div&gt;
  
          &lt;/ion-col&gt;
          &lt;ion-col&gt;&lt;/ion-col&gt;
          &lt;ion-col&gt;&lt;/ion-col&gt;
          &lt;ion-col&gt;&lt;/ion-col&gt;
          &lt;/ion-row&gt;
          &lt;/ion-col&gt;
  
  
  
          &lt;ion-col col-3 text-right&gt;
            &lt;button ion-button clear small color="danger" icon-start (click)="regularShare(index)"&gt;
              &lt;ion-icon name='share'&gt;&lt;/ion-icon&gt;
              Share
            &lt;/button&gt;
          &lt;/ion-col&gt;
        &lt;/ion-row&gt;
  
      &lt;/ion-card&gt;
      &lt;/ion-item&gt;
  
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>my .ts file is</p>
  
  <pre><code>public goToDetails(url : string){
  
    let target = "_self";
    this.theInAppBrowser.create(url,target,this.options);
  }
  </code></pre>
  
  <p>I got this error message
  Uncaught Error: Template parse errors:
  Parser Error: Got interpolation ({{}}) where expression was expected at column 13.</p>