• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

如何在AngularJS中包含动态模板?

c/c++ 来源:Chirag Kavathiya 3次浏览

我有3个不同的视图(DetailView,CardView,Column)模板/ html页面以单页显示。用户可以在这3个视图之间切换。如何在AngularJS中包含动态模板?

我想单一视图在页面时绑定,如果用户打开它会删除以前的观点,并结合新的视图。我有模型中的数据绑定视图,所以我不需要调用服务来绑定数据。我希望在不刷新页面和加载数据的情况下在这三个视图之间切换。

问题是,如果将三个视图将与DIV-ID发生冲突,有很多的HTML代码中的DOM所有视图。

请推荐我如何切换这些不同的视图,而不需要加载&刷新页面?

<body> 
    <div ng-include="'detailView.html'" ng-show="detailView"></div> 
    <div ng-include="'cardView.html'" ng-show="cardView"></div> 
    <div ng-include="'cardView.html'" ng-show="cardView"></div> 
</body> 

===========解决方案如下:

据我所知角应用程序是SPA(单页应用程序),所以如果您通过路由的默认行为,其一个你所要求的切换页面。它不会重新加载/刷新页面。它删除以前的视图并绑定新视图。

查阅本指南:https://scotch.io/tutorials/single-page-apps-with-angularjs-routing-and-templating

还尝试使用$位置服务就可以切换路线。它不会重新加载页面。 $ location.path(“/ your-route”)。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)