如何在 <a href> url 链接中传递变量 - 离子打开外部页面答案

【问题标题】：How to pass variable in <a href> url link - Ionic to open external page如何在 <a href> url 链接中传递变量 - 离子打开外部页面
【发布时间】：2018-09-09 08:54:15
【问题描述】：

我需要从 Ionic 调用一个 php 页面。在home.html 中，我正在调用如下所示的 url -

<a target="_blank" href="https://www.example.com?">pdf</a>

如何从home.ts 添加一个变量并制作它

<a target="_blank" href="https://www.w3schools.com?ADAM">pdf</a>

在home.ts 我有一个变量name = "ADAM";。如何在 <a href> 标签内的 home.html 端加入这个？

【问题讨论】：

标签： angular typescript ionic-framework ionic2 ionic3

【解决方案1】：

尝试使用查询参数

<a [routerLink] = "your url" [queryParams] = "{ m : [selectedMonth.id] }" queryParamsHandling="merge">
  Test                              
</a>

【讨论】：

【解决方案2】：

在 home.ts 中定义变量即

var url="https://www.w3schools.com?name=ADAM"

然后你就可以像 html 一样访问它了

<a target="_blank" href="{{url}}">pdf</a>

【讨论】：