組件正在緩存在Angular2中 - 阻止視圖緩存

Question

在Angular 1中，包括被自動緩存在瀏覽器中。一個流行的解決方法是在數據包含中添加一個作爲查詢字符串的版本。

如何在Angular2中預防或控制緩存？

即更新/釋放視圖並反映該頁面加載時的變化。

Answer 1

如果的WebPack用於構建應用程序，也有內置的支持，以哈希添加到文件名，例如：

module.exports = { 
    entry: { 'app': './src/main.ts' }, 
    output: { 
     path: root + '/dist', 
     filename: '[name].[hash].js', 
     chunkFilename: '[id].[hash].bundle.js' 
    }, 

所以dist目錄將類似於下面：

dist 
├── assets                                
├── index.html                               
├── inline.js                               
├── main.800a8a9b422ccd7272ce.bundle.js                         
└── styles.f8225afc6bf827fa5376.bundle.js 

如果你angular-cli來生成和建立你的angular2項目，上面是自動處理你。