Javascript HTML内容更新未显示在ionic中_Javascript_Node.js_Html_Cordova_Ionic

Javascript HTML内容更新未显示在ionic中

javascript node.js html cordova

Javascript HTML内容更新未显示在ionic中,javascript,node.js,html,cordova,ionic,Javascript,Node.js,Html,Cordova,Ionic,我们最近买了一个ionFullApp模板，我一直在尝试编辑HTML内容，但更改没有显示出来。我已经安装了Node.js、cordova和ionic，并按照模板文档中的说明运行了以下命令 npm install -g bower npm install bower install ionic setup sass ionic serve 索引页如下所示： <!DOCTYPE html> <html> <head> <meta charset

我们最近买了一个ionFullApp模板，我一直在尝试编辑HTML内容，但更改没有显示出来。我已经安装了Node.js、cordova和ionic，并按照模板文档中的说明运行了以下命令

npm install -g bower
npm install
bower install
ionic setup sass
ionic serve

索引页如下所示：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <meta http-equiv="Content-Security-Policy" content="default-src *; script-src &apos;self&apos; &apos;unsafe-inline&apos; &apos;unsafe-eval&apos; *; style-src  &apos;self&apos; &apos;unsafe-inline&apos; *">
    <title></title>

    <link href="css/ionic.app.css" rel="stylesheet">
    <link href="lib/ionic-contrib-tinder-cards/ionic.tdcards.css" rel="stylesheet">
    <script src="https://maps.google.com/maps/api/js"></script>
    <script src="https://www.youtube.com/iframe_api"></script>
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="lib/angular-resource/angular-resource.min.js"></script>
    <script src="lib/underscore/underscore-min.js"></script>
    <script src="lib/ngmap/build/scripts/ng-map.min.js"></script>
    <script src="lib/ngCordova/dist/ng-cordova.min.js"></script>
    <script src="lib/moment/min/moment.min.js"></script>
    <script src="lib/angular-moment/angular-moment.min.js"></script>
    <script src="lib/angular-slugify/dist/angular-slugify.min.js"></script>
    <script src="lib/collide/collide.js"></script>
    <script src="lib/ionic-contrib-tinder-cards/ionic.tdcards.js"></script>
    <script src="lib/ngCordova/dist/ng-cordova.min.js"></script>
    <script src="lib/angular-youtube-mb/dist/angular-youtube-embed.min.js"></script>
    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>

    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/directives.js"></script>
    <script src="js/filters.js"></script>
    <script src="js/services.js"></script>
    <script src="js/factories.js"></script>
    <script src="js/views.js"></script>
    <script src="js/config.js"></script>
  </head>
  <body ng-app="your_app_name">
    <ion-nav-view></ion-nav-view>
  </body>
</html>

其中一个视图页面（workthrough.html）是


登录
注册

但是我在视图目录中做了一些HTML更改，它没有更新。我有什么地方做错了吗

请帮助任何人。

谢谢

ionFullApp也面临同样的问题。这是ionFullApp使用的真正的硬编码模板缓存。按照以下步骤删除缓存

查找gulptasks文件夹。打开default.js。注释掉下面一行

gulp.watch(paths.templatecache, ['templatecache']);

转到主菜单中的ionic.project文件并对此进行注释

"templatecache",

在www/js文件夹中，打开views.js并对其进行注释

打开app.js。在依赖项列表中找到

'your\u app\u name.views'，

，并将其注释掉

转到index.html并注释掉对“views.js”的引用（为了安全起见）

如果您使用过任何其他取消缓存命令，如

$ionicConfigProvider.views.maxCache(0);

移除它

您的模板现在应该根据您的命令进行编辑。这可能是gulp任务中的一些错误，否则它应该在视图之间缓存您的更改，而不是原始模板。

查看目录。。。可能是您正在使用的模板的特定部分。默认基本模板启动器有一个名为“templates”的目录，用于html视图。尝试：

ionic-serve--consolelogs--serverlogs--all

-编辑文件时，它应该打印一行关于更改的内容。日志（git bash日志）中显示对某些文件进行了更改，但它不会在界面上更新。如果手动刷新，您会看到更改，对吗？你用的是什么浏览器？什么操作系统？是的，我自己的视图相当于基本初学者的模板，显示图像更改，只有视图中的HTML内容不显示不，即使手动，也不显示

$ionicConfigProvider.views.maxCache(0);