angualr 2 htmlファイルのhrefリンクに問題がある

Question

私はAngular 2を学んでいます。私はアプリケーションの設定ですべてを持っています。私が抱えている問題は、ウェブページ上のFacebookソーシャルメディアのアイコンをクリックすると、リンクがfacebook.comに送られないということです。ウェブサイト上の最後のものは完成していませんが、htmlをhtmlで正しく外部のWebページに移動する方法がわかりません。私の質問は次のとおりです。

AAタグのような私が持っている場合：

のhref = "のhttp //：www.facebook.com" クラス= "FA FA-さえずり"

は私が何を持っているでしょうコンポーネントフォルダ（.html、.ts、.css、.spec.ts）で行い、Facebookのリンクが機能するようにします。それはおそらく単純なものですが、私はそれを理解できません。誰かが私を助けることができますか？

Answer 1

安全のためにエスケープされています。テンプレートで

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

、そしてあなたは、このようなコンポーネントで行うことができ、SafeUrlへfbUrlをオンにする必要があります：それをエスケープしないように、あなたはこのようにそれを呼び出すことができます

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"); 
    } 
}