尝试在AngularJS中的所有页面上设置静态标题答案

【问题标题】：Trying to set static header across all pages in AngularJS尝试在AngularJS中的所有页面上设置静态标题
【发布时间】：2015-01-22 13:19:29
【问题描述】：

我正在尝试在所有页面上设置标题，我正在使用 AngularJS，这是我当前的设置：

在我的 html 中，我有：

 <html ng-app="webApp">
<script src="/vendor/angular.min.js"></script>
<script src="/controller.js"></script>

<head>
    <title>Home</title>
</head>

<body>
    <!-- Header -->
    <div ng-controller="HeaderCtrl">
        <div ng-include src="header.url"></div>
        <script type="text/ng-template" id="header.html"></script>
    </div>
    <!-- /Header -->

对于我的控制器，我有这个：

var webApp = angular.module('webApp', []);

function HeaderCtrl($scope) {
    $scope.header = {name: "header.html", url: "/assets/headerFooter/header.html"};
}

但它一直说我的 HeaderCtrl 没有定义，它不是一个函数。我是 Angular 的新手，所以我有点困惑为什么它似乎不想为我工作。我使用这个问题作为参考来获得一个想法设置：How to have a common header shared by all webpages in AngularJS?

也许我看错了，现在我很明显，因为我很累。只是想在睡觉前让它工作......

提前谢谢。

【问题讨论】：

标签： javascript html angularjs

【解决方案1】：

这是因为您的角度模块“webApp”不知道控制器“HeaderCtrl”。你需要添加这个

webApp.controller('HeaderCtrl', HeaderCtrl);

示例： http://jsfiddle.net/h2mku6L2/1/

注意：我注释掉了一些部分，因为我没有 header.html 文件。取消注释 JS 和 HTML 应该是安全的

【讨论】：

你简直太棒了。谢谢你，先生。