AngualrJS的directive问题（紫薯紫薯）

请教各位大神，问题描述有点复杂，请容我慢慢道来:
项目的结构：
图片说明

我要实现html页面组合，所以用了AngularJS路由：
主页main.html的body:

 <body ng-app="TrialApp" ng-controller="MainController">
        <!--头部  -->
        <header></header>
    </body>

app2.js:

 app.directive("header",function(){
    return{
        restrict: 'EAC',
        transclude: true,
        templateUrl:'htmls/pa/head.html'
    }
});

我先通过ModelAndView访问到了main.html，

 @RequestMapping(value="/display")
     public ModelAndView toExitPage(HttpServletRequest request,
             HttpServletResponse response)throws Exception{
         Map<String, Object> model = new HashMap<String, Object>();
         return new ModelAndView("nestedViews/main",model);
     }

但是 templateUrl:'htmls/pa/head.html'
我试了好多种写法一直无法访问到，不知道该怎么写了。
图片说明
请教各位大神，该如何解决？

你的html文件是放在WEB-INF下的所以head.html不能直接访问，需要发请求访问！！！！

你的代码

 app2.js:

 app.directive("header",function(){
    return{
        restrict: 'EAC',
        transclude: true,
        templateUrl:'htmls/pa/head.html'
    }
});

中的 templateUrl:'htmls/pa/head.html' 是请求吗？
报的错提示你没有king/userController/htmls/pa/head.html这个请求！！！