在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鏈接問題

回答

相關問題