如何动态添加指向规范网址的链接答案

【问题标题】：How to dynamically add links to canonical urls如何动态添加指向规范网址的链接
【发布时间】：2017-04-07 07:03:29
【问题描述】：

我正在开发一个 Angular 项目，我需要将动态链接添加到 canonical url。因此，当页面更改时，规范 href 中的 url 也应该更改/更新。我添加了一些条件，因此只应添加父 URL。下面是代码：

var url         = window.location.href,
    urlSegments = url.split("/").length - 1 - (url.indexOf("http://")==-1?0:2);
            if(urlSegments <= 7) {
                var link = document.createElement('link');
                link.setAttribute('rel', 'canonical');
                link.setAttribute('href', url);
                document.head.appendChild(link);
            }

但这不起作用。我在这里做错了什么，最好的解决方案是什么。提前致谢！！

【问题讨论】：

标签： javascript angularjs canonical-link

【解决方案1】：

你用angulajs 标记了它，所以我认为你应该使用 Angular 方式 - 使用指令。您还没有详细说明究竟是什么不那么努力提供任何细节，但是here 您有一些关于如何使用指令操作<head> 元素的示例。

【讨论】：