Javascript 框架7：更改模板数据后如何刷新页面？

文件上说，我们可以更改模板数据。但修改数据后，页面内容不会更新。我不明白更新后的数据无法呈现的意义何在

有人能告诉我如何刷新数据吗

---

谢谢。

这取决于您是如何编译模板的

如果您使用的模板类似于

<script id="template1" type="text/template7">....</script>

---

如果您使用的是模板页面
例如：主页.html

<div class="pages navbar-through">
<div data-page="home" class="page navbar-through">
    ....
    <div>{{foo}}<div>
    ...

---

注意 您无法编译默认页面Ex:page in

index.html

，但如果要编译，请将该页面的内容移动到另一个文件Ex

main\u page.html

，然后使用

mainView = myApp.addView('.view-main', {
        dynamicNavbar: true // for ios only
    });
mainView.router.loadPage('pages/main_page.html');

---

要了解更多信息，请在Chrome中阅读，按F12键进入开发者模式，然后在地址栏前按住重新加载按钮1秒以上。此操作将显示

硬重新加载选项

。单击此按钮将清除chrome缓存。

您能告诉我您是如何尝试的吗>

var myApp = new Framework7({
    ...
    precompileTemplates: true,
    template7Pages: true,
    template7Data: {
        'url:pages/home_page.html': {foo: 'bar'}
    }
});    

mainView = myApp.addView('.view-main', {
        dynamicNavbar: true // for ios only
    });
mainView.router.loadPage('pages/main_page.html');