如何基于AngularJS部分视图动态更改标头？
我正在使用ng-
view来包含AngularJS部分视图，并且我想根据所包含的视图来更新页面标题和h1标头标签。但是，这些超出了部分视图控制器的范围，因此我无法弄清楚如何将它们绑定到控制器中的数据集。
如果是ASP.NET
MVC，则可以使用@ViewBag进行此操作，但是我不知道AngularJS中的等效方法。我已经搜索了有关共享服务，事件等的信息，但仍然无法正常运行。任何修改我的示例使其可行的方法将不胜感激。
我的HTML：
<html data-ng-app="myModule">
<head>
<!-- include js files -->
<title><!-- should changed when ng-view changes --></title>
</head>
<body>
<h1><!-- should changed when ng-view changes --></h1>
<div data-ng-view></div>
</body>
</html>
我的JavaScript：
var myModule = angular.module('myModule', []);
myModule.config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/test1', {templateUrl: 'test1.html', controller: Test1Ctrl}).
when('/test2', {templateUrl: 'test2.html', controller: Test2Ctrl}).
otherwise({redirectTo: '/test1'});
}]);
function Test1Ctrl($scope, $http) { $scope.header = "Test 1";
/* ^ how can I put this in title and h1 */ }
function Test2Ctrl($scope, $http) { $scope.header = "Test 2"; }
问题答案：
您可以在<html>级别上定义控制器。
<html ng-app="app" ng-controller="titleCtrl">
<head>
<title>{{ Page.title() }}</title>
...
您创建服务：Page并从控制器进行修改。
myModule.factory('Page', function() {
var title = "default";
return {
title: function() { return title; },
setTitle: function(newTitle) { title = newTitle }
};
});
Page从控制器注入并调用“ Page.setTitle（）”。
这是具体示例：http :
//plnkr.co/edit/0e7T6l
-
我正在使用ng-view来包含AngularJS部分视图，并且我想基于包含的视图更新页面标题和h1头标签。但是，这些都超出了部分视图控制器的范围，所以我无法确定如何将它们绑定到控制器中的数据集。 如果是ASP.NET MVC，您可以使用@ViewBag来完成此操作，但我不知道AngularJS中的等同功能。我已经搜索了共享服务，事件等，但仍然不能使它工作。任何方法来修改我的例子，以便它的工作将是非
-
问题内容： 我想基于变量在Angular.js ng-repeat上显示不同的limitTo数字。 这是我的代码： 并在控制器中： 我只能假设有一种基于搜索输入来更改limitTo的更优雅的方法，我只是不知道要寻找什么。 您可以在http://happinesshunt.co上看到此代码的实现。 PS：我是新来的，而且是开发的新手，所以，如果未正确提出问题，请原谅我。 谢谢你！ 问题答案： 这可能
-
问题内容： 我看了文件。 但我想我一定误会了。 我也尝试过 我想更改为 都不起作用。 问题答案： 使用JSONP时，无法控制浏览器发送的标头。JSONP是一个聪明的把戏（或者是一个hack，具体取决于您对它的看法…），其中包括插入指向服务器端点的标记。最终，这是一个浏览器，它会在通过标签请求脚本时决定要发送的标头，并且您不能影响它。
-
问题内容： 我有一个网页，该网页实现了一组标签，每个标签显示不同的内容。选项卡单击不会刷新页面，而是在客户端隐藏/取消隐藏内容。 现在，需要根据页面上选择的选项卡来更改页面标题（出于SEO的原因）。这可能吗？有人可以提出一种解决方案，以通过javascript动态更改页面标题而无需重新加载页面吗？ 问题答案： 更新 ：根据SearchEngineL上的注释和参考，大多数网络爬虫将为更新的标题编制索
-
问题内容： 现在，我有一个背景图像URL硬编码到CSS中。我想使用AngularJS中的逻辑动态选择背景图片。这是我目前拥有的： HTML CSS 如您所见，CSS中的背景图像引用了特定的文件位置。我希望能够以编程方式确定图像URL的位置。我真的不知道从哪里开始。我不知道JQuery。谢谢。 问题答案： 您可以使用ng-style使用AngularJS动态更改CSS类属性。 希望这个ng样式的示例
-
问题内容： 有人知道如何更改pygame图标吗？我在pygame网站上发现了一个可以让您执行此操作的东西，但是当我尝试操作时，它只会使pygame窗口很小。 问题答案： 首先将图标图像加载为表面，然后用于更改图标。 编辑：由于询问者不知道什么是表面 来自http://www.pygame.org/docs/ref/surface.html上的文档 “ pygame Surface用于表示任何图像。