angularjs -- 页面模板清除

前端开发作者： 2024-08-25 15:15:01

angularJs模板缓存的清除，包括传统的 HTML标签设置清除缓存，以及angularJs的一些配置清除，和angularJs的路由切换操作清除

模板缓存清除：

<!-- 清除缓存 -->
<meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate" />
="Pragma"="no-cache" ="Expires"="0" />

body onLoad="javascript:document.formName.reset()">

app.config(["$stateProvider","$urlRouterProvider",'$locationProvider','$httpProvider',function ($stateProvider,$urlRouterProvider,$locationProvider,$httpProvider) {
    if (!$httpProvider.defaults.headers.get) {
        $httpProvider.defaults.headers.get = {};
    }
    $httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest';
    $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
    $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
}]);

.state("discountCoupon",{
    url: "/discountCoupon"templateUrl: "discountCoupon.html?" + new Date().getTime()cache: false"customerPhone.html?" +  Date().getTime(),　　　　//随机数
    controller: 'customerPhone'
$rootScope.$on('$stateChangeStart',1)">//路由开始切换
     (event,toState,toParams,fromState,fromParams) {
        路由开始切换，清除以前所有模板缓存
        if (fromState.templateUrl !== undefined) {
            $templateCache.remove(fromState.templateUrl);
             $templateCache.removeAll();
        }
    });

$rootScope.$on('$stateChangeSuccess',1)">路由切换完成
    路由切换成功，清除上一个页面模板缓存
     undefined) {
        $templateCache.remove(fromState.templateUrl);
            }
});

this.$get = ['$templateCache','$http','$q','$sce',1)">($templateCache,$http,$q,$sce) {
     handleRequestFn(tpl,ignoreRequestError) {
        handleRequestFn.totalPendingRequests++;

return $http.get(tpl,extend({
    cache: $templateCache,
    transformResponse: transformResponse
},httpOptions))
    ['finally']( () {
    handleRequestFn.totalPendingRequests--;
})
    .then( (response) {
        $templateCache.put(tpl,response.data);
         response.data;
    },handleError);

原创声明

本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

本文链接：http://www.jiecseo.com/news/show_68459.html

相关资讯： angularjs -- 页面模板清除