点击按钮以从ts函数打开URL

Question

需求：

我们需要在一个新窗口中打开一个php页面。我们已经按照以下方式实现：

.html代码

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

.ts 代码

ngOnInit()
{
this.loggedinuser = localStorage.getItem("USERNAME");
console.log(this.loggedinuser);
this.pdf = 'http://219.90.67.154/report-service/quicktask/TCPDF/examples/test-tcpdf.php?loggedinuser='+this.loggedinuser;
}

但我们希望以不同的方式实现它。需要从html中点击一个按钮，这将调用一个函数，从这个函数中应该发生一切。

.html

 <button ion-button  (click)="saveit">Save</button>

.ts

saveit(){
// the url,html tag should be called from here , how ?
}

- user2828442

---

可能是重复的问题 Angular 2 - 重定向到外部URL并在新标签页中打开 - Muhammed Albarmavi

https://dev59.com/SqTia4cB1Zd3GeqP8BRy#45517973 - Anilkumarr

Answer 1

您需要使用javascript中的window.open方法来在按钮点击时打开URL，代码如下 -

 <button ion-button  (click)="saveit()">Save</button>
saveit(){
// the url,html tag should be called from here , how ?
window.open(URL);
}

- Pardeep Jain

---

不要忘记应该是 (click)="saveit()"。 - BrianM

Answer 2

HTML:

<button ion-button (click)="saveit()">Save</button>

组件：

saveit() {
    let loggedinuser = localStorage.getItem("USERNAME");
    let url = 'http://219.90.67.154/report-service/quicktask/TCPDF/examples/test-tcpdf.php?loggedinuser=' + this.loggedinuser;   
    window.open(url, '_blank');
}

- Oram