Head部分代码

directive.js

module.directive('header', function () {
    return {
        restrict: 'A',
        replace: true,
        scope: {user: '='}, // 后面将会解释为何这么写
        templateUrl: "/js/directives/header.html",
        controller: ['$scope', '$filter', function ($scope, $filter) {
            // 控制器
        }]
    }
})

header.html

<div>
  <p>
    This part of the header is always here
  </p>
  <p ui-if="user">
    User {{user.name}} is logged in :D
  </p>
  <p ui-if="!user">
    Hey buddy, log in! Be cool
  </p>
</div>