Angularjs 错误：[$compile:tplrt]指令的模板'；标题'；必须只有一个根元素

我想为布局（index.html）页面实现角度页眉和页脚指令

获取错误：[$compile:tplrt]指令“header”的模板必须只有一个根元素。

//var base_url="http://localhost/ums/angular/js";
require.config({ 
baseUrl: "http://localhost/angular_layout/angular/js",
    paths: {
        'header': 'directives/admin/header',
        'footer': 'directives/admin/footer',
        'angular': 'lib/angular.min',
        'ngRoute': 'lib/angular-route.min',
        ..........

这是index.html（包括requirejs）

当我对templateUrl进行注释时，错误被删除

app.js

var base_url="http://localhost/angular_layout/";
define(['angularAMD','header', 'ngRoute', ], function (angularAMD) {
var app = angular.module('angularapp', ['header','ngRoute' ]);  
app.config(['$routeProvider', function($routeProvider){
/* *************** routes *************** */
............

main.js

//var base_url="http://localhost/ums/angular/js";
require.config({ 
baseUrl: "http://localhost/angular_layout/angular/js",
    paths: {
        'header': 'directives/admin/header',
        'footer': 'directives/admin/footer',
        'angular': 'lib/angular.min',
        'ngRoute': 'lib/angular-route.min',
        ..........

---

注意：如果不是此页眉和页脚指令的概念，也没有问题

当header.html没有根元素时会发生这种情况。将header.html代码更改为：

<div>
    <!--- angular header-->
    <div>
        some stuff
    </div>
    <div>
        some other stuff
    </div>
    <!--- angular header-->
</div>

一些东西
一些其他的东西

1问：我可以在页眉或页脚（或两者）中编写脚本src标记吗？这是另一个问题。把那个贴出来，我们可以分别回答。是的。我得到了它。谢谢你的回答！认可的。

//var base_url="http://localhost/ums/angular/js";
require.config({ 
baseUrl: "http://localhost/angular_layout/angular/js",
    paths: {
        'header': 'directives/admin/header',
        'footer': 'directives/admin/footer',
        'angular': 'lib/angular.min',
        'ngRoute': 'lib/angular-route.min',
        ..........

<div>
    <!--- angular header-->
    <div>
        some stuff
    </div>
    <div>
        some other stuff
    </div>
    <!--- angular header-->
</div>