Angular 2 - 如何使关键字和描述的index.html文件标题和元标记动态化

Ang*_*arM 2 javascript angularjs single-page-application angular

Angular 2 - 如何使关键字和描述的index.html文件标题和元标记动态化.

我正在使用带有角度2的打字稿.

我的标签示例:

<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>title needs to be dynamic</title>
    <base href="/"></base>

    <meta charset="UTF-8">
    <meta name="fragment" content="!"/>
    <meta name="description" content="description needs to be dynamic"/>
    <meta name="keywords" content="keywords needs to be dynamic" />
Run Code Online (Sandbox Code Playgroud)

这是我的路线:

{ path: '/', component: Home, as: 'Home', data:{title: 'Welcome Home'}},
Run Code Online (Sandbox Code Playgroud)

我试过这个,但它没有用:

 <title>{{title}}</title>
Run Code Online (Sandbox Code Playgroud)

Gün*_*uer 6

标题服务.否则你现在独自一人.您可以使用纯JS功能querySelector()...
有计划支持更多标签<head>.
我对SEO没有太深入,但我认为使用服务器端解决方案更好.我怀疑搜索引擎会选择在初始页面加载后添加的元标记.

Plunker(不更新窗口标题,因为应用程序在iframe中运行,但使用浏览器检查工具显示在其中<head><title>....</title></head>)