Fatal编程技术网
  • javascript/
  • Javascript Angular 2-如何使我的index.html文件标题和关键字和描述的元标记动态

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

javascript angularjs angular

Javascript Angular 2-如何使我的index.html文件标题和关键字和描述的元标记动态,javascript,angularjs,angular,single-page-application,Javascript,Angularjs,Angular,Single Page Application,Angular 2-如何使我的index.html文件标题和关键字和描述的元标记动态化 我正在使用带有angular 2的typescript 我的标签示例： <!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

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

我正在使用带有angular 2的typescript

我的标签示例：

<!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" />

{ path: '/', component: Home, as: 'Home', data:{title: 'Welcome Home'}},

 <title>{{title}}</title>
我试过这个，但没用：

<!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" />

{ path: '/', component: Home, as: 'Home', data:{title: 'Welcome Home'}},

 <title>{{title}}</title>

{{title}
有一项服务。否则你现在只能靠自己了。您可以使用纯JS功能
querySelector（）…

计划在
中支持更多标记
我对搜索引擎优化不是很深入，但我认为最好使用服务器端的元标签解决方案。我怀疑搜索引擎会在初始页面加载后选择添加的元标记

（不更新窗口标题，因为应用程序在iframe中运行，但使用浏览器检查工具将其显示在
…
中）

还有插件，它可以帮助您动态生成页面标题和元标记（在路由配置和类构造函数级别）

有关说明，请参阅存储库。

我同意。我不知道你所要求的有什么意义的用例。你有没有一个例子说明我如何做到这一点，因为angular 2文档没有一个
构造函数（私有标题：title）{}。。。doSomething（）{this.title.setTitle（'new title'）；}
哪个导入是title from？
angular2/platform/browser
您可以添加一个示例，说明如何使用index.htmly执行此操作。您基本上可以清空html文件上标记的内容。对于meta标记，甚至可以将它们全部删除，并让插件为您填充。对于路由，您只需在路由定义期间，在每个路由的“data”属性内添加元数据属性。您可以在存储库页面上找到详细文档。自述文件将为您提供简单的说明。