平均js动态标题
如何为MEAN应用程序的每个页面添加动态标题。在layout.server.js中，标题定义如下。
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{{title}}</title>那么，我们如何才能制作动态标题呢？
回答 3
Stack Overflow用户
发布于 2015-09-09 15:22:03
有些人可能会误以为，除了它已经是动态的，它可以改变，它是控制的角度外，因为有一个表达式与{{ }}，但这不是完全正确的。
实际上，{{title}}可能意味着一个应该根据scope.title计算的表达式，但是如果您深入了解MEAN.js，您会发现它使用的是swig模板引擎，它还使用{{ }}来定义变量。在这种情况下，{{title}} 不是角表达式，它是一个swig变量，它是通过express/swig传递的，可以在config/env/default.js中进行更改(在MEAN.js 0.4.0中)。
如果您希望在前端更改标题(即可能在角逻辑中更改标题)，则必须将范围变量分配给title元素或使用自定义指令。即使在一开始，标题值是使用express/swig定义的值，角可以随后控制并相应地更改它以满足您的需要。
一个解决方案可以是在您的角度状态下定义标题，如下所示：
.state('some-state', {
url: '/someurl',
templateUrl: 'some-path-to-view',
data: {
title: 'My new title',
}
})然后侦听$stateChangeSuccess事件以设置标题：
$rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {
console.log(toState.data.title); // Prints the new title to the console
// Set the title
});编辑：第一段重写以获得更多的一致性。
Stack Overflow用户
发布于 2016-09-29 13:10:12
要添加到已接受的问题，可以在MeanJS堆栈中执行以下操作：
在modules/core/client/views ex中创建一个新视图。title.client.view.html。
在文件title.client.view.html中，您可以通过以下操作获得标题：
<div ng-controller="HeaderController">
<span>{{$state.current.data.pageTitle}}</span>
</div>HeaderController有一个$state变量，该变量包含以下中指定的当前状态标题：
.state('some-state', {
url: '/someurl',
templateUrl: 'some-path-to-view',
data: {
title: 'My new title',
}})然后，要在modules/core/server/views/layout.server.view.html文件中获得标题，您需要如下所示的title.client.view.html：
<div ng-include="'/modules/core/client/views/title.client.view.html'"></div>
这将在您导航时动态呈现状态的标题。
Stack Overflow用户
发布于 2018-11-04 14:32:16
modules/core/client/directives/page-title.client.directive.js:页面标题已经是动态的，可以在MEAN.JS上找到。
function listener(event, toState) {
var applicationCoreTitle = 'MEAN.js',
separator = ' - ',
stateTitle = applicationCoreTitle + separator;而“MEAN.js”是默认的页面标题，可以相应更改。
https://stackoverflow.com/questions/32453620
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号