Как динамически связать ионную карту с внешним URL - PullRequest
Новая
       28

Как динамически связать ионную карту с внешним URL

0 голосов
/ 05 октября 2018

У меня есть ионная карта, которая получает содержимое с веб-сервера, все работает нормально, кроме привязки события щелчка ионной карты к внешнему URL, ниже мой код 

<ion-content no-padding >

      <ion-item no-padding *ngFor="let item of items" >
  <ion-card (click)="goToDetails('{{item.link}}')">



      <img class="images" src="http://mydomain/{{item.captionImage}}">

    <ion-item text-wrap>
      <div class="headings">{{item.title}}</div>
    </ion-item>
      <ion-card-content text-wrap>
        <p>{{item.message}}"</p>
      </ion-card-content>

      <ion-row>
        <ion-col col-9>
          <ion-row>
            <ion-col>


              <img class="owner-logo" src="http://mydomain/{{item.sourceLogo}}">

        </ion-col>
        <ion-col>
<div class="owner-name">{{item.source}}</div>

        </ion-col>
        <ion-col></ion-col>
        <ion-col></ion-col>
        <ion-col></ion-col>
        </ion-row>
        </ion-col>



        <ion-col col-3 text-right>
          <button ion-button clear small color="danger" icon-start (click)="regularShare(index)">
            <ion-icon name='share'></ion-icon>
            Share
          </button>
        </ion-col>
      </ion-row>

    </ion-card>
    </ion-item>

</ion-content>

my .tsфайл 

public goToDetails(url : string){

  let target = "_self";
  this.theInAppBrowser.create(url,target,this.options);
}

Я получил это сообщение об ошибке Uncaught Error: Ошибки синтаксического анализа шаблона: Ошибка синтаксического анализатора: Получена интерполяция ({{}}), где ожидалось выражение в столбце 13.

1 Ответ

0 голосов
/ 05 октября 2018

Вам нужно написать ионную карту, как это 

<ion-card (click)="goToDetails(item.link)">

Если вы используете встроенную директиву, такую ​​как click, ngIf, вам не нужно использовать интерполяцию

...