Angularjs 1.5 ng-controller上的 <head> 標簽

Question

我正在使用Angularjs 1.5。

創建了一個服務來處理META數據和頁面標題。 嘗試應用它。

問題是-由於某種原因，如果我直接在<head>標記上定義控制器：

<head ng-controller="headMetaController">

控制器將不會被加載，但是如果我將其與<head>包裝在其他<div> <head> ：

<head>
<div ng-controller="headMetaController">
    <title ng-bind="seoMetaService.title()"></title>
    <meta name="description" content="{{ seoMetaService.metaDescription() }}">
    <meta name="keywords" content="{{ seoMetaService.metaKeywords() }}">
<div>
</head>

=>它有效。

因此，我想它可能與<head>標簽=>有某種聯系，不確定，解決它的正確方法是什么？ 我還擔心將元數據放在附加的<div>可能不是出於SEO目的的好主意？

Answer 1

如果您擔心SEO，則必須從另一個角度解決這個問題。

除了<div>不是有效的內部<head>使用內插<meta>值是一個紅色信號。 關心這些標簽的爬蟲將不會看到它們，而是會看到{{ seoMetaService.metaKeywords()}} ，這顯然對SEO不利。

解決方案A：在服務器端呈現這些值。

解決方案B：保留現有內容，但指示爬網程序在其他位置訪問您的頁面。 添加<meta name="fragment" content="!"> ，並允許將渲染頁面的快照保存在其他位置，並在將?_escaped_fragment_=添加到URL時提供。 您可以將此部分委托給諸如prerender.io或類似服務之類，以掃描和存儲您的頁面。

Answer 2

首先，我認為<div>在<head>標記內不是有效的標記，因為該標記僅用於元數據，腳本，樣式和其他不希望顯示的內容。

其次，即使您這樣調用控制器，也並不意味着您可以訪問head標記內的控制器變量。 只有服務/工廠可以調用內部head標簽。

因此，與其從head標簽調用它， head從html標簽或body標簽或body標簽內部調用控制器

Angularjs 1.5 ng-controller上的 <head> 標簽

問題描述

2 個解決方案

解決方案1
2 2017-04-05 17:56:56

解決方案2
1 2017-04-05 16:41:08

Angularjs 1.5 ng-controller上的 <head> 標簽

問題描述

2 個解決方案

解決方案1 2 2017-04-05 17:56:56

解決方案2 1 2017-04-05 16:41:08

解決方案1
2 2017-04-05 17:56:56

解決方案2
1 2017-04-05 16:41:08