如下代码所示，定义了directive layoutHeader，按照我的理解，直接在html中引用<layout-header></layout-header>就可以了。
想问下，这里的
极客观点
项目管理
HarmonyOS
document.createElement('layout-header'); 有什么作用？是必须的吗？原代码如下：
angular.module('app').directive('layoutHeader', function () {
return {
restrict: 'E',
scope: {},
templateUrl: 'components/layout/header.html',
controller: 'LayoutHeaderCtrl'
};
});
document.createElement('layout-header');正如xiaohe 所说，是为了兼容性而做的处理。
参考：http://www.oschina.net/translate/angularjs-ie-compatibility?print
如果你必需要用自定义元素标记，然后你必须采取以下步骤以确保IE8及之前版本都能用：
<!doctype html>
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="optionalModuleName">
<head>
<!--[if lte IE 8]>
<script>
document.createElement('ng-include');
document.createElement('ng-pluralize');
document.createElement('ng-view');
// Optionally these for CSS
document.createElement('ng:include');
document.createElement('ng:pluralize');
document.createElement('ng:view');
</script>
<![endif]-->
</head>
<body>
</body>
</html>
这只是在做兼容处理，ie8无法识别自定义的元素，但是用js创建的反而可以识别。