2015-01-22 3 views
0

Я пытаюсь установить заголовок через все мои страницы, я использую AngularJS вот моя текущая настройка:Попытка установить статический заголовок на всех страницах в 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?

Возможно, я неправильно понял его, и это просто очевидно для меня прямо сейчас, так как я очень устал. Просто хотел, чтобы эта работа работала до кровати ...

Спасибо заранее.

ответ

1

Потому что ваш угловой модуль 'webApp' не знает о контроллере 'HeaderCtrl'. Вам нужно будет добавить

webApp.controller('HeaderCtrl', HeaderCtrl); 

Пример:http://jsfiddle.net/h2mku6L2/1/

Примечание: Я заметил некоторые детали, так как я не имею header.html файл. Следует иметь в виду, что JS & не подходит.

+0

Вы просто фантастичны. Благодарю вас, сэр. – dhershman

Смежные вопросы