如何在文档的<head>部分创建角指令？
如何在文档的<head>部分创建角指令？
提问于 2015-07-07 19:28:49
我是angular.js的新手。我试图创建一个指令，在html文档的<head>部分中添加一些标题和元标记，但我遇到了一些问题。
我的index.html文档如下：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<base href="/">
<seo-title></seo-title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script>
<script src="https://code.angularjs.org/1.4.1/angular-route.min.js"></script>
<script src="/incl/js/myApp.js"></script>
</head>
<body >
<div ng-view></div>
</body>
</html>我的javascript是：
var app = angular.module ('myApp', ['ngRoute']);
app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider
.when('/', { templateUrl: 'routes/home.html'})
.when('/pageA', { templateUrl: 'routes/pageA.html'})
.when('/pageB', { templateUrl: 'routes/pageB.html'})
.otherwise({ redirectTo: '/' });
$locationProvider.html5Mode({
enabled: true
});
}]);
app.directive('seoTitle', function() {
return {
restrict: 'E',
template: '<title>{{seo.title}}</title>'
};
});当我打开检查器时，指令已经移动到<body>中，并且没有被模板替换：
如何在标题中创建指令？
P.S.:代码示例很好！
Stack Overflow用户
发布于 2015-07-07 20:56:00
您的回答是：使用UI-路由器设置页面标题，在您的代码中实现它可以是：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<base href="/">
<title seo-title>doesn't work</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script>
<script src="https://code.angularjs.org/1.4.1/angular-route.min.js"></script>
<script src="/incl/js/myApp.js"></script>
</head>
<body >
<div ng-view></div>
</body>
</html>你们这些js：
app.directive('seoTitle', function() {
return {
restrict: 'a',
template: 'works'
};您只需要添加一个控制器或一些逻辑来设置您想要的标题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31277637
复制相关文章
相似问题
腾讯云开发者
