在angualr 2 html文件中遇到href链接问题

我正在学习Angular 2，并且我的应用程序安装程序中包含所有内容。我遇到的麻烦是，当我点击网页上的Facebook社交媒体图标时，链接不会转到facebook.com。它是网站上最后一件事，我还没有完成，但我无法找到如何在我的HTML中有HREF正确去到外部网页。我的问题是：在angualr 2 html文件中遇到href链接问题

如果我有AA标签，如：

A HREF = “HTTP //：www.facebook.com” 级= “发发，Twitter的”

我会有什么在组件文件夹（.html，.ts，.css，.spec.ts）中执行，以使facebook链接工作。这可能很简单，但我无法弄清楚。有人可以帮我吗？

来源

2017-05-31 Cancey Dejean

这应该工作作为是;你能给[mcve]吗？ – jonrsharpe

也就是说，使用.fa-twitter作为facebook链接可能不是最好的主意。 –

出于安全目的，它正在逃脱。不要逃避它，你可以这样调用：

<a [href]="fbUrl" bypassSecurityTrustUrl>Test</a>

模板

，并需要把fbUrl到SafeUrl，你可以在这样的组件做：

import { Component } from '@angular/core'; 
import { DomSanitizer, SafeUrl } from '@angular/platform-browser' 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'] 
}) 
export class AppComponent { 
    title = 'app works!'; 
    fbUrl: SafeUrl; 
    constructor(private sanitizer: DomSanitizer ) { 
    this.fbUrl = this.sanitizer.bypassSecurityTrustUrl("https://facebook.com"); 
    } 
}

来源

2017-05-31 18:10:57 LLL

在angualr 2 html文件中遇到href链接问题

回答

相关问题