AngularJS：templateUrl适用于HTML模板文件，但不适用于.JSP

Question

我在angularJS中构建一个控制器模板非常简单：

var maintest = angular.module("mainTest", []);
angular.module("mainTest")
        .component('mainscreen', {
        templateUrl: './services/fakeService.html',
        controller: function example(){
                    this.userData = 'Jospeh';
                }
        } );

如果模板是如上所述的HTML文件，则可以正常工作。 但是，如果您尝试使用.JSP模板，则根本不使用它（下面的fakeService.jsp代码）。

HTML（fakeService.html）：

<!DOCTYPE html>
<div>
    Data to show: {{$ctrl.userData}}
</div>

HTML的输出（从组件主屏幕调用）：

显示数据：Jospeh

JSP（fakeService.jsp）：

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<% 
out.print("Test if JSP code is processed.");
%>
<div>
    Data to show: {{$ctrl.userData}}
</div>

JSP的输出（从组件主屏幕调用）：

测试是否处理了JSP代码。 要显示的数据：{{$ ctrl.userData}}

我可以使用AngularJS + JSP吗？ 如果可以的话，这个简单的例子怎么不起作用？

谢谢你们。

Answer 1

我不确定您如何实现服务器端。 我建议遵循MVC设计方法，并使模板扩展不可知。 这是我的项目的样本，

 // route for the home page
 .when('/home', {
     templateUrl : 'home',
     controller  : 'homeController'
 })

在服务器端，我有一个MVC控制器，它捕获uri“ / home”，解析视图（取决于视图解析器中的逻辑，无论它是jsp，html还是其他），并且将结果传回。 在这种情况下，角度不知道服务器端的内容，这也会导致松耦合。