Question

我正在学习Angular 2，我的应用程序设置完全正常。我遇到的麻烦是，当我点击网页上的Facebook社交媒体图标时，该链接不会转到facebook.com。它是我没有完成的网站上的最后一件事，但我无法找到如何在我的HTML中正确转到外部网页的href。我的问题是：

如果我有一个像这样的标签：

a href =＆＃34; http //：www.facebook.com＆＃34; class =＆＃34; fa fa-twitter＆＃34;

我必须在组件文件夹（.html，.ts，.css，.spec.ts）中做什么才能让facebook链接正常工作。它可能很简单，但我无法弄明白。有人可以帮助我吗？

Answer 1

出于安全考虑，它正在逃脱。为了不逃避它，你可以这样称呼它：

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

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

1 个答案: