簡體   English   中英

Angular 2 - 如何使關鍵字和描述的index.html文件標題和元標記動態化

[英]Angular 2 - how do I make my index.html files title and meta tags for keywords and description dynamic

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

這是我的路線:

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

我試過這個,但它沒有用:

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

標題服務。 否則你現在獨自一人。 您可以使用純JS功能querySelector()...
有計划在<head>支持更多標簽。
我對SEO沒有太深入,但我認為使用服務器端解決方案更好。 我懷疑搜索引擎會選擇在初始頁面加載后添加的元標記。

Plunker (不更新窗口標題,因為應用程序在iframe中運行但使用瀏覽器檢查工具在<head><title>....</title></head>

還有@ ngx-meta / core插件,可以幫助您動態制作頁面標題和元標記(在路由配置和類構造函數級別)。

請參閱存儲庫以獲取說明。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM