Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在AngularJs 1.x中动态更改元标题、元关键字、元描述?_Javascript_Angularjs_Facebook - Fatal编程技术网

Javascript 如何在AngularJs 1.x中动态更改元标题、元关键字、元描述?

Javascript 如何在AngularJs 1.x中动态更改元标题、元关键字、元描述?,javascript,angularjs,facebook,Javascript,Angularjs,Facebook,我计划使用AngularJS 1.x动态更改元标题、元关键字和元描述,以反映在Facebook、Twitter、Google Plus和LinkedIn中 有什么方法可以动态地改变吗?我正在使用RESTAPI调用 谢谢, -Venkat使用Angular update meta,它将帮助您动态更新meta标记 您可以使用ng bind动态创建任何标记的内容 例如: <title ng-bind="pageTitle()"></title> Google现在呈现javas

我计划使用AngularJS 1.x动态更改元标题、元关键字和元描述,以反映在Facebook、Twitter、Google Plus和LinkedIn中

有什么方法可以动态地改变吗?我正在使用RESTAPI调用

谢谢,
-Venkat使用Angular update meta,它将帮助您动态更新meta标记


您可以使用
ng bind
动态创建任何标记的内容

例如:

<title ng-bind="pageTitle()"></title>

Google现在呈现javascript,这样动态页面标题和元标记将被正确索引。

我也遇到了这个问题,所以我已经为此创建了一个库。您可以查看它

您可以通过两种方式使用它:

  • 对于使用定义的每个状态,可以附加以下自定义数据:
    SimpleSotitle
    SimpleSokeDescription
    SimpleSokeyWord
    。无论何时状态处于活动状态,这3个选项都将更改页面的标题、说明或关键字

  • 它还公开了一个名为
    simpleservice
    的服务。此服务有3个属性,
    标题、
    说明
    关键字`。这3项定义为和。当您具有要附着的动态特性时,这些特性非常有用


  • 我建议你们也使用特里斯坦建议的图书馆。它工作得非常好。并与动态表达式兼容

    要更新元标记,只需在视图中使用以下标记即可:


    希望它能帮助一些人。

    对于angular 1.x版本?哦,你能帮我一点忙吗?我怎样才能导入使模块导入工作正常的'file.js',我不只是np,:S谢谢!
    $scope.pageTitle = function () {
        return 'the page title you want to add dynamically';
    };
    
    <update-title title="A new title"></update-title>
    <update-meta charset="ISO-8859-1"></update-meta>
    <update-meta http-equiv="Content-Language" content="es"></update-meta>
    <update-meta name="description" content="A page specific description"></update-meta>
    <update-meta property="og:title" content="Minions"></update-meta>
    <update-meta itemprop="description" content="A page specific itemprop description"></update-meta>
    
    bower install angular-update-meta