gpt4 book ai didi

javascript - HTML 内容更新未显示在 ionic 中

转载 作者:行者123 更新时间:2023-12-02 15:16:19 24 4
gpt4 key购买 nike

我们最近购买了一个 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>

其中一个 View 页面 (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>

但是我在 View 目录中做了一些 HTML 更改,但它没有更新。我有什么地方搞错了吗?

请帮助任何人。谢谢

最佳答案

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

  1. 查找 gulp-tasks 文件夹。打开default.js。注释掉以下行

    gulp.watch(paths.templatecache, ['templatecache']);
  2. 转到主菜单中的 ionic.project 文件并对此进行评论

    "templatecache",
  3. 在www/js文件夹中,打开views.js并将其全部注释掉

  4. 打开app.js。在依赖项列表中找到 'your_app_name.views', 并将其注释掉。

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

  6. 如果您使用过任何其他取消缓存命令,例如

    $ionicConfigProvider.views.maxCache(0);

    删除它。

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

关于javascript - HTML 内容更新未显示在 ionic 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34452318/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com