Блог

Я объявил одну статическую переменную, которая содержит 1 html-код, содержащий событие одного щелчка. При событии щелчка я пытаюсь вызвать метод, который откроет ссылку в appbrowser. Я уже использую один канал для отображения сообщения об ошибке, чтобы обойти встроенную защиту, предоставляемую angular. В консоли браузера ошибка не отображается, но я все равно не могу щелкнуть тег привязки, содержащий событие щелчка.

сообщения-notifications.page.ts

 import { Component, OnInit } from '@angular/core';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

@Component({
  selector: 'app-messages-notifications',
  templateUrl: './messages-notifications.page.html',
  styleUrls: ['./messages-notifications.page.scss'],
})
export class MessagesNotificationsPage implements OnInit {

  myMsg = '';

  constructor() {
      this.myMsg = '<u><a (click)="openBrowserWindow("https://stackoverflow.com")">click here</a></u>';
  }

  ngOnInit() {
  }

  openBrowserWindow(text): void {  
    console.log("openBrowser called");     
    let browser = new InAppBrowser();
    browser.create(text, '_blank', 'location=yes')
  }
}
 

messages-notifications.page.html

 <ion-content>
  <ion-card>
    <ion-item [innerHtml]="myMsg | safeHtml" class="ion-text-wrap"></ion-item>
  </ion-card>
<ion-content>
 

безопасный-html.pipe.ts

 import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from "@angular/platform-browser";

@Pipe({
  name: 'safeHtml'
})
export class SafeHtmlPipe implements PipeTransform {

  constructor(private sanitizer:DomSanitizer){}

  transform(html) {
    return this.sanitizer.bypassSecurityTrustHtml(html);
  }

}

 

Вы пытались использовать (tap) вместо (click) ?