Javascript 如何动态更改<；标题>；标签？_Javascript_Angularjs_Title

Javascript 如何动态更改<；标题>；标签？

javascript angularjs

Javascript 如何动态更改<；标题>；标签？,javascript,angularjs,title,Javascript,Angularjs,Title,请我想知道如何在angularjs中动态更改内部我正在使用NGresource并从后端提取json数据，我想动态地更改它，然后我转到一篇新文章，例如试试这个： document.title.innerHTML = "" //Text Goes in Quotes. 祝你好运试试这个： document.title.innerHTML = "" //Text Goes in Quotes. 祝你好运像这样： document.title = 'Text'; 像这样： document

请我想知道如何在angularjs中动态更改内部

我正在使用NGresource并从后端提取json数据，我想动态地更改它，然后我转到一篇新文章，例如

试试这个：

document.title.innerHTML = "" //Text Goes in Quotes.

祝你好运

试试这个：

document.title.innerHTML = "" //Text Goes in Quotes.

祝你好运

像这样：

document.title = 'Text';

像这样：

document.title = 'Text';

您可以使用更改每个视图的HTML标题和标题元素

下面是如何使用它

将angularjs-viewhead.js放入资源文件夹中

作为应用程序的依赖项声明为正常

var-app=angular.module（'myApp'，['ng'，'viewhead']）

这种设置可以在AngularJS应用程序中使用view title指令实现。首先，设置title元素以绑定到特殊范围变量viewTitle，该变量将在实例化倾斜视图时设置：

FooBaz

使用此选项后，向每个视图的模板添加一个设置视图标题的视图标题元素：

关于

您可以使用更改每个视图的HTML标题和标题元素

下面是如何使用它

将angularjs-viewhead.js放入资源文件夹中

作为应用程序的依赖项声明为正常

var-app=angular.module（'myApp'，['ng'，'viewhead']）

这种设置可以在AngularJS应用程序中使用view title指令实现。首先，设置title元素以绑定到特殊范围变量viewTitle，该变量将在实例化倾斜视图时设置：

FooBaz

使用此选项后，向每个视图的模板添加一个设置视图标题的视图标题元素：

关于

在处理搜索引擎时，在JS中更改标题很棘手，因为搜索结果中可能会出现大括号，或者页面标题不正确。但是，如果您有Google/Bing/Yahoo！的渲染服务器！，然后它会在爬网时出现。然而，这完全是另一个问题。为此，请将

ng app

指令移动到

html

属性：

<html ng-app="myApp">
  <head>
    <title ng-bind="titleService.currentTitle">My Default Title</title>
  </head>
  <body>
    <ng-view></ng-view>
  </body>
</html>

这确保默认标题将始终默认设置。但是，如果您希望根据每个控制器/指令设置标题，则可以在代码中执行此操作：

angular.module('myApp')
  .controller('MainCtrl', function($scope, $location, TitleService, Article) {
     // I'm just guessing what your logic might look like
     var id = $location.search().articleId;
     Article.get(id).then(function(article){
        // Set the title however you want with article data
        TitleService.setTitle(article.title);
     });
  });

编辑：我将一行移到运行函数，以将服务关注点与应用程序关注点分开。

在处理搜索引擎时，更改JS中的标题很棘手，因为搜索结果中可能会出现大括号，或者页面标题不正确。但是，如果您有Google/Bing/Yahoo！的渲染服务器！，然后它会在爬网时出现。然而，这完全是另一个问题。为此，请将

ng app

指令移动到

html

属性：

<html ng-app="myApp">
  <head>
    <title ng-bind="titleService.currentTitle">My Default Title</title>
  </head>
  <body>
    <ng-view></ng-view>
  </body>
</html>

这确保默认标题将始终默认设置。但是，如果您希望根据每个控制器/指令设置标题，则可以在代码中执行此操作：

angular.module('myApp')
  .controller('MainCtrl', function($scope, $location, TitleService, Article) {
     // I'm just guessing what your logic might look like
     var id = $location.search().articleId;
     Article.get(id).then(function(article){
        // Set the title however you want with article data
        TitleService.setTitle(article.title);
     });
  });

EDIT:我将一行移到run函数，以将服务关注点与应用程序关注点分开。

您可能只需要使用一些老式的javascript即可。这里有一个相关的帖子。。可能重复的不重复，因为我想从资源中提取数据并将其作为标题元素。您可能只需要使用一些老式的javascript。这里有一个相关的帖子。。可能重复的不重复，因为我想从资源中提取数据并将其作为标题元素。谢谢，但是如果我想注入or呢！要将每个视图的元数据元素添加到HTML头部，请将它们放在视图模板顶部附近（只要这些元素直接位于视图范围内，而不是嵌套在类似ng repeat的内容中，则将它们放在何处并不重要），并添加视图头部指令属性。例如：谢谢，但是如果我想注射一个or怎么办！要将每个视图的元数据元素添加到HTML头部，请将它们放在视图模板顶部附近（只要这些元素直接位于视图范围内，而不是嵌套在类似ng repeat的内容中，则将它们放在何处并不重要），并添加视图头部指令属性。例如：