angular - 使用ionic将点击功能绑定(bind)到innerhtml

Question

我想使用[innerHtml]链接到其他 ionic 页面。

例如，我想使用 [innerHtml] 将以下代码传递给应用程序:

<a (click)="goto('10')">Ipsum</a>

我知道这行不通，因为安全问题。但是我还能如何使用 ionic 和 Angular 4 生成动态代码呢？

你能举例说明我有哪些选择吗？

这是一个黑客应用程序，我使用谷歌表格作为后端。

Answer 1

如果其他人也遇到同样的问题

您可以使用 [innerHTML] 运行 Angular 4 goto 函数

<a class="next-page" data-id="10">Ipsum</a>

然后调用attachNextPageListener上ngAfterViewInit()

   private attachNextPageListener(){
    const pageElements=document.getElementsByClassName('next-page');
    if(pageElements && pageElements.length){
      for(let i=0; i<pageElements.length; i++){
        const goto=pageElements[i].getAttribute('data-id');
        pageElements[i].addEventListener('click',()=>{
          this.goto(goto);
          // run your angular code here with goto
        });
      }
    }
  }

最后为了允许数据ID，你可以用bypassSecurityTrustHtml创建一个管道或者像 Ondra 答案一样使用它。