首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Angular 7-在.ts文件上插入url

Angular 7-在.ts文件上插入url
EN

Stack Overflow用户
提问于 2019-03-12 04:28:08
回答 1查看 1.5K关注 0票数 0

在我的component.html文件中有以下代码

代码语言:javascript
复制
<button mat-flat-button class="mat-flat-button mat-accent ng-star-inserted" color="accent" (click)="playVideo(video)">
<mat-icon [svgIcon]="video.type === 'external' ? 'open-in-new' : 'play-arrow'"></mat-icon> 
<span class="alfadown">Open Video</span>
</button>

和component.ts文件下的这段代码

代码语言:javascript
复制
public playVideo(video: Video) {
    if (video.type === 'external') {
        window.open(video.url, '_blank');
    } else {
        this.store.dispatch(new PlayVideo(video, this.mediaItem));
    }
}

我想要的是插入在外部链接,这个固定的网址在前面的(video.url) https://example.com/abc/123.php

假设(video.url)生成的链接为http://youtube.com/xyz ,则完整链接应为

https://example.com/abc/123.php?http://youtube.com/xyz

我如何在angular 7中做到这一点。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-03-12 04:41:13

如果它是一个没有逻辑的固定字符串,你可以将这些字符串连接起来。

代码语言:javascript
复制
public playVideo(video: Video) {
    const prefix = "https://example.com/abc/123.php?";

    if (video.type === 'external') {
        window.open(prefix + video.url, '_blank');
    } else {
        this.store.dispatch(new PlayVideo(video, this.mediaItem));
    }
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55109883

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档