如何基于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样式的示例
-
问题内容： 我想用于单个页面的webapp。我担心是否有一种优雅的方法可以根据客户端是移动设备还是台式机来“发送”不同的模板。有什么办法吗？是否建议Web服务器“了解”浏览器是什么并相应地发送视图，以便浏览器始终要求输入template.html或编写JavaScript，以便浏览器告诉Web服务器获取mobile / template.html？ 问题答案： 我将如何向用户显示一个模板并使该模板