HTML内容更新没有显示在离子型中。
HTML内容更新没有显示在离子型中。
提问于 2015-12-24 11:46:11
我们最近买了一个ionFullApp模板，我一直在尝试编辑HTML，但是修改没有出现。我安装了Node.js、cordova和in，并按照模板文档中的指示运行了以下命令
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 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *">
<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)是
<ion-view class="walkthrough-view" cache-view="false">
<ion-content scroll="false">
<div class="top-content row">
<div class="col col-center">
<img ng-src="img/logo.png">
</div>
</div>
<div class="bottom-content row">
<div class="col col-center">
<a class="login button button-block button-stable" ui-sref="auth.login">
Log In
</a>
<a class="sign-up button button-block button-stable" ui-sref="auth.signup">
Sign Up
</a>
</div>
</div>
</ion-content>
</ion-view>然而，我在视图目录中做了一些HTML更改，但它没有更新。我有什么地方不对劲吗？
请救救任何身体。谢谢
回答 1
Stack Overflow用户
发布于 2016-07-19 07:06:37
ionFullApp也面临着同样的问题。这是ionFullApp使用的真正硬编码的模板缓存。按照以下步骤删除缓存
- 查找“吞咽任务”文件夹。打开default.js.注释掉下面的一行 gulp.watch(paths.templatecache，'templatecache')；
- 转到主菜单中的ionic.project文件并对此进行注释 “模板疼痛”，
- 在www/js文件夹中，打开views.js并将其全部注释掉。
- 打开app.js.在依赖项列表中找到
'your_app_name.views',并将其注释掉。 - 转到index.html并注释掉对'views.js‘的引用(只是为了安全起见)
- 如果您使用过任何其他un命令，如 $ionicConfigProvider.views.maxCache(0)； 把它移开。
现在，模板应该按照命令进行编辑。这可能是gulp任务中的一些错误，否则它应该缓存视图之间的更改，而不是原始模板。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34452318
复制相关文章
相似问题
腾讯云开发者
