Javascript 我在角度指令和角度布线方面有问题吗？

文件夹结构如下
资产
……img
字体
…js
css
数据
……data.json
部分
……main.html
……联系人.html
……demo.html
……业务线。html
……product.html
指令
……导航html
index.html

第一个片段是我的Angular app.js文件

第二个代码段是my index.html

第三个片段是my main.html，这是加载主页时需要放入的部分，与此类似，我的网站中的其他页面也有部分

第四个代码段是my nav custom指令，它放在所有部分中，因为每个部分在标题中都有不同的id

第五个片段是json文件，我将数据从中提取到片段中
问题是该指令没有加载到任何部分html中

var rootCave=angular.module（“rootCave”，“ngRoute]”）；
rootCave.directive（'导航'[
函数（）{
"严格使用",；
返回{
限制：“E”，
templateUrl:'directions/nav.html'
};
}
]);
服务（'aboutService'，函数（$http，$q）{
“严格使用”；
var deferred=$q.deferred（）；
$http.get（'data/data.json'）。然后（函数（rcdata）{
延迟解析（rcdata）；
});
this.getAbout=函数（）{
回报。承诺；
};
});
controller（'aboutCtrl'，function（$scope，aboutService）{
"严格使用",；
var promise=aboutService.getAbout（）；
promise.then（函数（rcdata）{
$scope.about=rcdata.data.about；
$scope.products=rcdata.data.products；
$scope.mobileProduct=rcdata.data.mobileProduct；
$scope.clients=rcdata.data.clients；
$scope.anytime=rcdata.data.anytime；
$scope.lobProduct=rcdata.data.lobProduct；
$scope.Product=rcdata.data.lobProduct.projectsdetails；
});
});
rootCave.config（['$routeProvider'，
函数（$routeProvider）{
"严格使用",；
$routeProvider。
当（“/main”{
templateUrl:“/partials/main.html”，
控制器：“MainCtrl”
})
。当（“/联系人”{
templateUrl:“/partials/contact.html”，
控制器：“ContactCtrl”
})
.when（“/demo”{
templateUrl:“/partials/demo.html”，
控制器：“DemoCtrl”
})
.当（“/业务线”{
templateUrl:“/partials/line of business.html”，
控制器：“LOBCtrl”
})
.when（“/mob app”{
templateUrl:“/partials/mob app.html”，
控制器：“MobAppCtrl”
})
。当（“/移动应用程序”{
templateUrl:“/partials/mobile apps.html”，
控制器：“MobileAppsCtrl”
})
。当（“/产品”{
templateUrl:“/partials/product.html”，
控制器：“ProductCtrl”
})
否则({
重定向到：'/main'
})
}
]);
控制器（'MainCtrl'，['$scope'，
职能（$范围）{
"严格使用",；
}
]);
controller（'ContactCtrl'，['$scope'，'，
职能（$范围）{
"严格使用",；
}
]);
controller（'DemoCtrl'，['$scope'，'，
职能（$范围）{
"严格使用",；
}
]);
controller（'LOBCtrl'，['$scope'，'，
职能（$范围）{
"严格使用",；
}
]);
controller（'MobAppCtrl'，['$scope'，
职能（$范围）{
"严格使用",；
}
]);
controller（'MobileAppsCtrl'，['$scope'，
职能（$范围）{
"严格使用",；
}
]);
controller（'ProductCtrl'，['$scope'，'，
职能（$范围）{
"严格使用",；
}
]);是否可以像将指令限制为属性一样简单：

rootCave.directive('navigation', [

    function() {
        'use strict';
        return {
            restrict: "A", <-- here you are restricting your directive to attribute
            templateUrl: 'directives/nav.html'
        };
    }
]);

rootCave.directive（'navigation'[
函数（）{
"严格使用",；
返回{
限制：“A”，
这是一大堆代码要处理。乍一看，你会遇到诸如“use stric”和“use script”之类的语法错误。你能把这归结为一个小而简单的例子来说明你遇到的问题吗？如果你能做到这一点，你就更有可能得到答案。寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中复制该问题所需的最短代码。没有明确问题说明的问题对其他读者没有用处。请参阅：谢谢lex，但复制时出现了错误，它是E，仍然不起作用
<!-- navigation Start -->
    <navigation></navigation> <-- here you are using it as an element
<!-- navigation End -->