从Spring控制器返回部分内容+与ngRoute

时间:2015-08-13 00:30:57

标签: angularjs spring spring-mvc thymeleaf ngroute

my question回答后,我搜索了很多时间,现在不知道如何解决这个问题: 如何从Spring控制器(不是整页)返回部分内容,以便与ngRoute进一步集成。上面提到了主要问题。 PS:模板引擎:Thymeleaf

1 个答案:

答案 0 :(得分:0)

如果你正在使用Angular和thymeleaf,为了避免页面的渲染,你可以做的就是使用这样的指令:

app.directive("show", function() {
    return {
        restrict: 'E',
        scope: {
            resolved: '=resolved'
        },
        templateUrl: '/detail.html' 
    };      
});

指令的html应该以:

开头
<div ng-if="resolved">
<div class="col-md-10" ng-if="deviceDetail">
</div>
</div>

在您的模板中,您可以使用标记:<show resolved="resolved" ng-cloak=""></show>

回答问题:

在Thymeleaf + angular中,你不能使用不同的页面。你有一个页面和渲染部分。所以当你说第1,2,3html页和菜单时。

我要做的是将菜单作为页面的模板,然后第1页到第3页包括取决于你在做什么。

条件1:如果信息来自服务器或弹簧,则在百里香叶上进行。 条件2:如果您需要处理信息或与使用角度的用户交互。

我把你放在那里的代码用于包含页面作为条件2.如果你需要条件1它甚至更容易:

在您的信息页中:

<div layout:include="blah :: blah">Section that show</div>

新页面(调用blah.html)与您的网页位于同一文件夹中:

 <!DOCTYPE html>
<html>
<body>
    <div layout:blah="blah">
here code...
    </div>
</body>
</html>