通过现场重新加载快速应用程序开发|betway东盟体育app离子文档<///title> <link rel="stylesheet" href="//www.jesscamp.com/docs/assets/css/styles.6d0e5b56.css"> </head> <body> <noscript> <iframe src="https://www.jesscamp.com/ns.html?id=GTM-TKMGCBC" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <div id="__docusaurus"> <div> <a href="#" class="skipToContent_1oUP">跳过主要内容<//a> </div> <nav class="navbar navbar--fixed-top navbarHideable_2qcr"> <div class="navbar__inner"> <div class="navbar__items"> <button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"> <svg width="30" height="30" viewbox="0 0 30 30" aria-hidden="true"> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path> </svg></button> <a class="navbar__brand" target="_self" href="//www.jesscamp.com/docs/"> <div class="navbar__logo"> <img src="//www.jesscamp.com/docs/logos/ionic-text-docs-dark.svg" alt="站点徽标“class="themedImage_1VuW themedImage--light_3UqQ" height="28" width="139"> <img src="//www.jesscamp.com/docs/logos/ionic-text-docs-light.svg" alt="站点徽标“class="themedImage_1VuW themedImage--dark_hz6m" height="28" width="139"> </div></a> <a class="navbar__item navbar__link navbar__link--active" href="//www.jesscamp.com/docs/">指导<//a> <a class="navbar__item navbar__link" href="//www.jesscamp.com/docs/components">组件<//a> <a class="navbar__item navbar__link" href="//www.jesscamp.com/docs/cli">CLI<//a> <a class="navbar__item navbar__link" href="//www.jesscamp.com/docs/native">本国的<//a> <a position="left" href="//www.jesscamp.com/docs/intro/upgrading-to-ionic-6" class="cta">betway东盟体育app离子V6.0.0升级指南<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewbox="0 0 512 512" width="12" height="12"> <title>箭头向前<//title> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"></path> </svg></a> </div> <div class="navbar__items navbar__items--right"> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link" href="//www.jesscamp.com/docs/">v6<//a> <ul class="dropdown__menu"> <li><a aria-current="page" class="dropdown__link dropdown__link--active" href="//www.jesscamp.com/docs/angular/your-first-app/live-reload">v6<//a></li> <li><a class="dropdown__link" href="//www.jesscamp.com/docs/v5/angular/your-first-app/live-reload">v5<//a></li> <li><a href="//www.jesscamp.com/docs/v4/components" target="_blank" rel="noopener noreferrer" class="dropdown__link">v4<//a></li> <li><a href="//www.jesscamp.com/docs/v3/" target="_blank" rel="noopener noreferrer" class="dropdown__link">v3<//a></li> </ul> </div> <div class="searchBox_1Doo"> <button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"> <svg width="20" height="20" class="DocSearch-Search-Icon" viewbox="0 0 20 20"> <path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path> </svg><span class="DocSearch-Button-Placeholder">搜索<//span></span><span class="DocSearch-Button-Keys"></span></button> </div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link navbar__link--community">社区<//a> <ul class="dropdown__menu"> <li><a href="//www.jesscamp.com/community" target="_blank" class="dropdown__link"><span>社区中心<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//www.jesscamp.com/forum/" target="_blank" class="dropdown__link"><span>论坛<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://www.meetup.com/topics/ionic-framework/" target="_blank" class="dropdown__link"><span>聚会<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//www.jesscamp.com/blog/" target="_blank" class="dropdown__link"><span>博客<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://twitter.com/ionicframework" target="_blank" class="dropdown__link"><span>推特<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link navbar__link--support">支持<//a> <ul class="dropdown__menu"> <li><a href="//www.jesscamp.com/support" target="_blank" class="dropdown__link"><span>帮助中心<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://ionic.zendesk.com/" target="_blank" class="dropdown__link"><span>客户支持<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//www.jesscamp.com/advisory" target="_blank" class="dropdown__link"><span>企业咨询<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <div position="right" class="separator"></div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a href="#" class="navbar__link icon-link language navbar__item"><span> <svg viewbox="0 0 20 20" width="20" height="20" aria-hidden="true" class="iconLanguage_3vod"> <path fill="currentColor" d="M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 011.229-.799l.082 4.277a2.773 2.773 0 01-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 00-.196-.145h-1.95a.194.194 0 00-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z"></path> </svg><span>英语<//span></span></a> <ul class="dropdown__menu"> <li><a href="//www.jesscamp.com/docs/angular/your-first-app/live-reload" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" style="text-transform:capitalize">英语<//a></li> <li><a href="//www.jesscamp.com/docs/ja/angular/your-first-app/live-reload" target="_self" rel="noopener noreferrer" class="dropdown__link" style="text-transform:capitalize">日本语<//a></li> <li><a href="//www.jesscamp.com/translate" target="_blank" class="dropdown__link"><span>翻译<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <a position="right" class="icon-link navbar__item" href="https://twitter.com/Ionicframework" target="_blank"><img src="//www.jesscamp.com/docs/logos/twitter.svg" alt="Twitter徽标“><//a> <a position="right" class="icon-link navbar__item" href="https://github.com/ionic-team/ionic-framework" target="_blank"><img src="//www.jesscamp.com/docs/logos/github.svg" alt="github徽标“><//a> <a position="right" class="icon-link navbar__item" href="https://ionic.link/discord" target="_blank"><img src="//www.jesscamp.com/docs/logos/discord.svg" alt="不和谐徽标“><//a> <div class="toggle_71bT toggle_3Zt9 toggleDisabled_3cF-"> <div class="toggleTrack_32Fl" role="button" tabindex="-1"> <div class="toggleTrackCheck_3lV7"> <span class="toggleIcon_O4iE"><//span> </div> <div class="toggleTrackX_S2yS"> <span class="toggleIcon_O4iE"><//span> </div> <div class="toggleTrackThumb_xI_Z"></div> </div> <input type="checkbox" class="toggleScreenReader_28Tw" aria-label="Switch between dark and light mode"> </div> </div> </div> <div role="presentation" class="navbar-sidebar__backdrop"></div> </nav> <div class="main-wrapper docs-wrapper docs-doc-page"> <div class="docPage_3AUJ"> <button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_35hR" type="button"></button> <aside class="docSidebarContainer_2LAn"> <a target="_self" href="//www.jesscamp.com/docs/"><img src="//www.jesscamp.com/docs/logos/ionic-text-docs-dark.svg" alt="站点徽标“class="themedImage_1VuW themedImage--light_3UqQ" height="28" width="139"><img src="//www.jesscamp.com/docs/logos/ionic-text-docs-light.svg" alt="站点徽标“class="themedImage_1VuW themedImage--dark_hz6m" height="28" width="139"></a> <div class="sidebar_15mo sidebarWithHideableNavbar_267A"> <a tabindex="-1" class="sidebarLogo_3h0W" target="_self" href="//www.jesscamp.com/docs/"><img src="//www.jesscamp.com/docs/logos/ionic-text-docs-dark.svg" alt="站点徽标“class="themedImage_1VuW themedImage--light_3UqQ" height="28" width="139"><img src="//www.jesscamp.com/docs/logos/ionic-text-docs-light.svg" alt="站点徽标“class="themedImage_1VuW themedImage--dark_hz6m" height="28" width="139"></a> <nav class="menu thin-scrollbar menu_Bmed"> <ul class="theme-doc-sidebar-menu menu__list"> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">入门<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/">概述<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/intro/upgrading-to-ionic-6">升级到离子6betway东盟体育app<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/intro/environment">环境设置<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/intro/cli">CLI安装<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/intro/cdn">包装和CDN<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/intro/vscode-extension">betway东盟体育app离子与代码扩展<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/intro/next">下一步<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">发展<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/starting">开始<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/previewing">预览<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/scaffolding">脚手架<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/ios">为iOS开发<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/android">为Android开发<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/tips">开发技巧<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/hardware-back-button">硬件后按钮<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/keyboard">键盘<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">布局<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/layout/structure">结构<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/layout/grid">响应式网格<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/layout/global-stylesheets">全球样式表<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/layout/css-utilities">CSS公用事业<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">主题<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/basics">基本<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/platform-styles">平台样式<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/css-variables">CSS变量<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/css-shadow-parts">CSS阴影零件<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/colors">颜色<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/themes">主题<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/dark-mode">黑暗模式<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/advanced">先进的<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/color-generator">颜色生成器<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist menu__link--active" href="#">角<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/overview">概述<//a></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><a class="menu__link menu__link--sublist menu__link--active" href="#" tabindex="0">构建您的第一个应用程序<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/your-first-app">构建您的第一个应用程序<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/your-first-app/taking-photos">拍照<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/your-first-app/saving-photos">保存照片<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/your-first-app/loading-photos">加载照片<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/your-first-app/adding-mobile">添加手机<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/your-first-app/deploying-mobile">部署手机<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="//www.jesscamp.com/docs/angular/your-first-app/live-reload">现场重新加载<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/your-first-app/distribute">分发<//a></li> </ul></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/lifecycle">生命周期<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/navigation">导航/路由<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/virtual-scroll">虚拟滚动<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/slides">幻灯片<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/config">config<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/platform">平台<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/testing">测试<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/storage">贮存<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/performance">表现<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/pwa">渐进的网络应用程序<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">反应<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react">概述<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/quickstart">快速开始<//a></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#" tabindex="0">构建您的第一个应用程序<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/lifecycle">生命周期<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/navigation">导航/路由<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/virtual-scroll">虚拟滚动<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/slides">幻灯片<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/config">config<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/platform">平台<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/pwa">渐进的网络应用程序<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/overlays">覆盖<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/storage">贮存<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/testing">测试<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/performance">表现<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">Vue<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/overview">概述<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/quickstart">快速开始<//a></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#" tabindex="0">构建您的第一个应用程序<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/lifecycle">生命周期<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/navigation">导航/路由<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/virtual-scroll">虚拟滚动<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/slides">幻灯片<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/utility-functions">实用程序功能<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/config">config<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/platform">平台<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/pwa">渐进的网络应用程序<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/storage">贮存<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/testing">测试<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/troubleshooting">故障排除<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/performance">表现<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">公用事业<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/utilities/animations">动画<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/utilities/gestures">手势<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">部署<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/deployment/app-store">iOS应用商店<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/deployment/play-store">Android Play商店<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/deployment/progressive-web-app">渐进式网络应用程序（PWA）<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/deployment/desktop-app">电子桌面应用<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">技术<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/techniques/security">安全<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">故障排除<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/troubleshooting/debugging">调试<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/troubleshooting/build">构建错误<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/troubleshooting/runtime">运行时问题<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/troubleshooting/native">本地错误<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/troubleshooting/cors">犯错<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">核心概念<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/core-concepts/fundamentals">基本面<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/core-concepts/cross-platform">跨平台<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/core-concepts/webview">网络视图<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/core-concepts/what-are-progressive-web-apps">什么是PWA？<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">贡献<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/contributing/how-to-contribute">如何做出贡献<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/contributing/coc">行为守则<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">参考<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/reference/glossary">词汇表<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/reference/versioning">版本控制<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/reference/release-notes">发行说明<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md" target="_blank" rel="noopener noreferrer" class="menu__link" tabindex="0"><span>Github Changelog<svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/reference/support">支持政策<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/reference/browser-support">浏览器支持<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/reference/migration">移民<//a></li> </ul></li> </ul> </nav> </div> </aside> <div> <nav class="navbar navbar--fixed-top navbarHideable_2qcr"> <div class="navbar__inner"> <div class="navbar__items"> <button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"> <svg width="30" height="30" viewbox="0 0 30 30" aria-hidden="true"> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path> </svg></button> <a class="navbar__brand" target="_self" href="//www.jesscamp.com/docs/"> <div class="navbar__logo"> <img src="//www.jesscamp.com/docs/logos/ionic-text-docs-dark.svg" alt="站点徽标“class="themedImage_1VuW themedImage--light_3UqQ" height="28" width="139"> <img src="//www.jesscamp.com/docs/logos/ionic-text-docs-light.svg" alt="站点徽标“class="themedImage_1VuW themedImage--dark_hz6m" height="28" width="139"> </div></a> <a class="navbar__item navbar__link navbar__link--active" href="//www.jesscamp.com/docs/">指导<//a> <a class="navbar__item navbar__link" href="//www.jesscamp.com/docs/components">组件<//a> <a class="navbar__item navbar__link" href="//www.jesscamp.com/docs/cli">CLI<//a> <a class="navbar__item navbar__link" href="//www.jesscamp.com/docs/native">本国的<//a> <a position="left" href="//www.jesscamp.com/docs/intro/upgrading-to-ionic-6" class="cta">betway东盟体育app离子V6.0.0升级指南<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewbox="0 0 512 512" width="12" height="12"> <title>箭头向前<//title> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"></path> </svg></a> </div> <div class="navbar__items navbar__items--right"> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link" href="//www.jesscamp.com/docs/">v6<//a> <ul class="dropdown__menu"> <li><a aria-current="page" class="dropdown__link dropdown__link--active" href="//www.jesscamp.com/docs/angular/your-first-app/live-reload">v6<//a></li> <li><a class="dropdown__link" href="//www.jesscamp.com/docs/v5/angular/your-first-app/live-reload">v5<//a></li> <li><a href="//www.jesscamp.com/docs/v4/components" target="_blank" rel="noopener noreferrer" class="dropdown__link">v4<//a></li> <li><a href="//www.jesscamp.com/docs/v3/" target="_blank" rel="noopener noreferrer" class="dropdown__link">v3<//a></li> </ul> </div> <div class="searchBox_1Doo"> <button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"> <svg width="20" height="20" class="DocSearch-Search-Icon" viewbox="0 0 20 20"> <path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path> </svg><span class="DocSearch-Button-Placeholder">搜索<//span></span><span class="DocSearch-Button-Keys"></span></button> </div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link navbar__link--community">社区<//a> <ul class="dropdown__menu"> <li><a href="//www.jesscamp.com/community" target="_blank" class="dropdown__link"><span>社区中心<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//www.jesscamp.com/forum/" target="_blank" class="dropdown__link"><span>论坛<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://www.meetup.com/topics/ionic-framework/" target="_blank" class="dropdown__link"><span>聚会<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//www.jesscamp.com/blog/" target="_blank" class="dropdown__link"><span>博客<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://twitter.com/ionicframework" target="_blank" class="dropdown__link"><span>推特<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link navbar__link--support">支持<//a> <ul class="dropdown__menu"> <li><a href="//www.jesscamp.com/support" target="_blank" class="dropdown__link"><span>帮助中心<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://ionic.zendesk.com/" target="_blank" class="dropdown__link"><span>客户支持<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//www.jesscamp.com/advisory" target="_blank" class="dropdown__link"><span>企业咨询<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <div position="right" class="separator"></div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a href="#" class="navbar__link icon-link language navbar__item"><span> <svg viewbox="0 0 20 20" width="20" height="20" aria-hidden="true" class="iconLanguage_3vod"> <path fill="currentColor" d="M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 011.229-.799l.082 4.277a2.773 2.773 0 01-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 00-.196-.145h-1.95a.194.194 0 00-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z"></path> </svg><span>英语<//span></span></a> <ul class="dropdown__menu"> <li><a href="//www.jesscamp.com/docs/angular/your-first-app/live-reload" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" style="text-transform:capitalize">英语<//a></li> <li><a href="//www.jesscamp.com/docs/ja/angular/your-first-app/live-reload" target="_self" rel="noopener noreferrer" class="dropdown__link" style="text-transform:capitalize">日本语<//a></li> <li><a href="//www.jesscamp.com/translate" target="_blank" class="dropdown__link"><span>翻译<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <a position="right" class="icon-link navbar__item" href="https://twitter.com/Ionicframework" target="_blank"><img src="//www.jesscamp.com/docs/logos/twitter.svg" alt="Twitter徽标“><//a> <a position="right" class="icon-link navbar__item" href="https://github.com/ionic-team/ionic-framework" target="_blank"><img src="//www.jesscamp.com/docs/logos/github.svg" alt="github徽标“><//a> <a position="right" class="icon-link navbar__item" href="https://ionic.link/discord" target="_blank"><img src="//www.jesscamp.com/docs/logos/discord.svg" alt="不和谐徽标“><//a> <div class="toggle_71bT toggle_3Zt9 toggleDisabled_3cF-"> <div class="toggleTrack_32Fl" role="button" tabindex="-1"> <div class="toggleTrackCheck_3lV7"> <span class="toggleIcon_O4iE"><//span> </div> <div class="toggleTrackX_S2yS"> <span class="toggleIcon_O4iE"><//span> </div> <div class="toggleTrackThumb_xI_Z"></div> </div> <input type="checkbox" class="toggleScreenReader_28Tw" aria-label="Switch between dark and light mode"> </div> </div> </div> <div role="presentation" class="navbar-sidebar__backdrop"></div> </nav> <main class="docMainContainer_2AUC"> <div class="container padding-top--md padding-bottom--lg"> <div class="row"> <div class="col docItemCol_2rXS"> <div class="docItemContainer_1EXp"> <article> <span class="theme-doc-version-badge badge badge--secondary">版本：v6<//span> <div class="tocCollapsible_1PrD theme-doc-toc-mobile tocMobile_Ftrd"> <button type="button" class="clean-btn tocCollapsibleButton_2O1e">在本页面<//button> </div> <div class="theme-doc-markdown markdown"> <header> <h1>通过现场重新加载快速应用程序开发<//h1> </header> <p>到目前为止，我们已经看到开发一个无处不在的跨平台应用程序是多么容易。开发体验很快，但是如果我告诉您有一个更快的方法怎么办？<///p> <p>我们可以使用离子CLI的betway东盟体育app<a href="//www.jesscamp.com/docs/cli/livereload" target="_blank" rel="noopener noreferrer">实时重新加载功能<//a>在构建离子应用程序时提高我们的生产率。betway东盟体育app当活动活动时，当检测到应用程序中的更改时，Live Reload将重新加载浏览器和/或WebView。<///p> <h2 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="live-reload">现场重新加载<a aria-hidden="true" class="hash-link" href="#live-reload" title=""></a></h2> <p>记住<code>betway东盟体育app离子发球<//code>？那是在浏览器中实时重新加载，使我们能够迅速迭代。<///p> <p>在iOS和Android设备上开发时，我们也可以使用它。当编写与本机插件交互的代码时，这特别有用 - 我们必须在设备上运行它以验证其有效。因此，能够快速编写，构建，测试和部署代码对于保持我们的开发速度至关重要。<///p> <p>让我们使用现场重新加载来实现照片删除，这是我们照片库功能的缺失部分。选择您选择的平台（iOS或Android），然后将设备连接到计算机。接下来，基于您选择的平台在终端中运行任一命令：<///p> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token plain">$离betway东盟体育app子上限运行iOS -L-外部<//span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain">$离betway东盟体育app子盖运行Android -L-外部<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>实时重新加载服务器将启动，如果尚未打开，则选择的本机IDE将打开。在IDE中，单击“播放”按钮将应用程序启动到您的设备上。<///p> <h2 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="deleting-photos">删除照片<a aria-hidden="true" class="hash-link" href="#deleting-photos" title=""></a></h2> <p>通过实时重新加载运行并在设备上打开应用程序，让我们实现照片删除功能。打开<code>tab2.page.html<//code>并为每个添加一个新的点击处理程序<code><ion-img><//code>元素。当应用程序用户点击我们画廊的照片时，我们将显示一个<a href="//www.jesscamp.com/docs/api/action-sheet" target="_blank" rel="noopener noreferrer">动作表<//a>对话框的选项以删除选定的照片或取消（关闭）对话框。<//p> <div class="codeBlockContainer_K1bP language-html"> <div class="codeBlockContent_hGly html"> <pre tabindex="0" class="prism-code language-html codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token tag punctuation"><<///span><span class="token tag">离子电池<//span><span class="token tag"></span><span class="token tag attr-name">尺寸<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">6<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag"></span><span class="token tag attr-name">*ngfor<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">让Photoservice.photos的照片;索引作为位置<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><<///span><span class="token tag">离子img<//span><span class="token tag"></span><span class="token tag attr-name">[SRC]<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">photo.WebViewPath<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag"></span><span class="token tag attr-name">（点击）<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">Showactionsheet（照片，位置）<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag punctuation">><///span><span class="token tag punctuation"><//<//span><span class="token tag">离子img<//span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><//<//span><span class="token tag">离子电池<//span><span class="token tag punctuation">><///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>结束<code>tab2.page.ts<//code>，导入操作表并将其添加到构造函数：<//p> <div class="codeBlockContainer_K1bP language-tsx"> <div class="codeBlockContent_hGly tsx"> <pre tabindex="0" class="prism-code language-tsx codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token keyword">进口<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><span class="token maybe-class-name">ActionSheetController<//span><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><span class="token keyword">从<//span><span class="token plain"></span><span class="token string">'@betway东盟体育appionic/angular'<//span><span class="token punctuation">;<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">构造函数<//span><span class="token punctuation">（（<//span><span class="token parameter keyword">上市<//span><span class="token parameter">照相服务<//span><span class="token parameter operator">：<//span><span class="token parameter">照相服务<//span><span class="token parameter punctuation">，，，，<//span><span class="token parameter"></span><br></span><span class="token-line"><span class="token parameter"></span><span class="token parameter keyword">上市<//span><span class="token parameter">ActionSheetController<//span><span class="token parameter operator">：<//span><span class="token parameter">ActionSheetController<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>添加<code>Userphoto<//code>到导入语句。<//p> <div class="codeBlockContainer_K1bP language-tsx"> <div class="codeBlockContent_hGly tsx"> <pre tabindex="0" class="prism-code language-tsx codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token keyword">进口<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><span class="token maybe-class-name">照相服务<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><span class="token maybe-class-name">Userphoto<//span><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><span class="token keyword">从<//span><span class="token plain"></span><span class="token string">'../ services/photo.service'<//span><span class="token punctuation">;<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>接下来，实施<code>showactionsheet（）<//code>功能。我们添加了两个选项：<code>删除<//code>称为Photoservice的<code>删除（）<//code>函数（接下来添加）和<code>取消<//code>，当扮演“取消”的角色时，将自动关闭操作表：<//p> <div class="codeBlockContainer_K1bP language-tsx"> <div class="codeBlockContent_hGly tsx"> <pre tabindex="0" class="prism-code language-tsx codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token keyword">上市<//span><span class="token plain"></span><span class="token keyword">异步<//span><span class="token plain"></span><span class="token function">Showactionsheet<//span><span class="token punctuation">（（<//span><span class="token parameter">照片<//span><span class="token parameter operator">：<//span><span class="token parameter">Userphoto<//span><span class="token parameter punctuation">，，，，<//span><span class="token parameter">位置<//span><span class="token parameter operator">：<//span><span class="token parameter">数字<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">const<//span><span class="token plain">ActionSheet<//span><span class="token operator">=<///span><span class="token plain"></span><span class="token keyword">等待<//span><span class="token plain"></span><span class="token keyword">这<//span><span class="token punctuation">。<//span><span class="token plain">ActionSheetController<//span><span class="token punctuation">。<//span><span class="token function">创造<//span><span class="token punctuation">（（<//span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">标题<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'相片'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">纽扣<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">[[<///span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">文本<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'删除'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">角色<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">“破坏性”<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">图标<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'垃圾'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token function-variable function">处理程序<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">（（<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token operator">=><//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">这<//span><span class="token punctuation">。<//span><span class="token plain">照相服务<//span><span class="token punctuation">。<//span><span class="token function">删除<//span><span class="token punctuation">（（<//span><span class="token plain">照片<//span><span class="token punctuation">，，，，<//span><span class="token plain">位置<//span><span class="token punctuation">）<//span><span class="token punctuation">;<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">，，，，<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">文本<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'取消'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">图标<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'关'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">角色<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'取消'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token function-variable function">处理程序<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">（（<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token operator">=><//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token comment">//无事可做，动作表将自动关闭<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">这是给予的<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">）<//span><span class="token punctuation">;<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">等待<//span><span class="token plain">ActionSheet<//span><span class="token punctuation">。<//span><span class="token function">当下<//span><span class="token punctuation">（（<//span><span class="token punctuation">）<//span><span class="token punctuation">;<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>保存我们刚刚编辑的两个文件。照片库应用程序将自动重新加载，现在，当我们点击画廊中的一张照片时，“动作”表显示。点击“删除”还没有任何作用，因此请回到您的代码编辑器中。<///p> <p>在<code>src/app/services/photo.service.ts<//code>，添加<code>删除（）<//code>功能：<//p> <div class="codeBlockContainer_K1bP language-tsx"> <div class="codeBlockContent_hGly tsx"> <pre tabindex="0" class="prism-code language-tsx codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token keyword">上市<//span><span class="token plain"></span><span class="token keyword">异步<//span><span class="token plain"></span><span class="token function">删除<//span><span class="token punctuation">（（<//span><span class="token parameter">照片<//span><span class="token parameter operator">：<//span><span class="token parameter">Userphoto<//span><span class="token parameter punctuation">，，，，<//span><span class="token parameter">位置<//span><span class="token parameter operator">：<//span><span class="token parameter">数字<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token comment">//从照片参考数据阵列中删除此照片<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">这<//span><span class="token punctuation">。<//span><span class="token plain">相片<//span><span class="token punctuation">。<//span><span class="token function">拼接<//span><span class="token punctuation">（（<//span><span class="token plain">位置<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><span class="token number">1<//span><span class="token punctuation">）<//span><span class="token punctuation">;<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token comment">//通过覆盖现有照片阵列更新照片阵列缓存<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token maybe-class-name">贮存<//span><span class="token punctuation">。<//span><span class="token keyword">放<//span><span class="token punctuation">（（<//span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">钥匙<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token keyword">这<//span><span class="token punctuation">。<//span><span class="token constant">photo_storage<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">价值<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token constant">JSON<//span><span class="token punctuation">。<//span><span class="token function">Stringify<//span><span class="token punctuation">（（<//span><span class="token keyword">这<//span><span class="token punctuation">。<//span><span class="token plain">相片<//span><span class="token punctuation">）<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">）<//span><span class="token punctuation">;<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token comment">//从文件系统删除照片文件<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">const<//span><span class="token plain">文件名<//span><span class="token operator">=<///span><span class="token plain">照片<//span><span class="token punctuation">。<//span><span class="token plain">文件路径<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">。<//span><span class="token function">基德<//span><span class="token punctuation">（（<//span><span class="token plain">照片<//span><span class="token punctuation">。<//span><span class="token plain">文件路径<//span><span class="token punctuation">。<//span><span class="token function">LastIndexof<//span><span class="token punctuation">（（<//span><span class="token string">'/'<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token operator">+<//span><span class="token plain"></span><span class="token number">1<//span><span class="token punctuation">）<//span><span class="token punctuation">;<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token keyword">等待<//span><span class="token plain"></span><span class="token maybe-class-name">文件系统<//span><span class="token punctuation">。<//span><span class="token function">删除文件<//span><span class="token punctuation">（（<//span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain">文件名<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">目录<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token maybe-class-name">目录<//span><span class="token punctuation">。<//span><span class="token maybe-class-name">数据<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">）<//span><span class="token punctuation">;<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>首先将所选照片从照片阵列中删除。然后，我们使用电容器存储API更新照片阵列的缓存版本。最后，我们使用文件系统API删除实际的照片文件本身。<///p> <p>保存此文件，然后再次点击照片，然后选择“删除”选项。这次，照片被删除了！使用实时重载实现了更快的速度。<///p> <p>在本教程的最后一部分中，我们将带您介绍用于构建和部署应用程序到用户设备的AppFlow产品的基础知识。<//p> </div> <footer class="theme-doc-footer docusaurus-mt-lg"> <div class="theme-doc-footer-edit-meta-row row"> <div class="col"> <a href="https://github.com/ionic-team/ionic-docs/edit/main/docs/angular/your-first-app/7-live-reload.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"> <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-edit iconEdit_nn1O"> <path d="M7 0C3.13438 0 0 3.21563 0 7.17813C0 10.35 2.00625 13.0375 4.7875 13.9875C4.83125 13.9969 4.86875 14 4.90625 14C5.16563 14 5.26562 13.8094 5.26562 13.6438C5.26562 13.4719 5.25938 13.0219 5.25625 12.4219C4.99375 12.4812 4.75938 12.5063 4.55 12.5063C3.20313 12.5063 2.89687 11.4594 2.89687 11.4594C2.57812 10.6313 2.11875 10.4094 2.11875 10.4094C1.50938 9.98125 2.11562 9.96875 2.1625 9.96875H2.16563C2.86875 10.0312 3.2375 10.7125 3.2375 10.7125C3.5875 11.325 4.05625 11.4969 4.475 11.4969C4.80312 11.4969 5.1 11.3906 5.275 11.3094C5.3375 10.8469 5.51875 10.5312 5.71875 10.35C4.16563 10.1688 2.53125 9.55313 2.53125 6.80312C2.53125 6.01875 2.80312 5.37813 3.25 4.87813C3.17812 4.69688 2.9375 3.96563 3.31875 2.97813C3.31875 2.97813 3.36875 2.9625 3.475 2.9625C3.72812 2.9625 4.3 3.05937 5.24375 3.71562C5.80312 3.55625 6.4 3.47812 6.99687 3.475C7.59062 3.47812 8.19063 3.55625 8.75 3.71562C9.69375 3.05937 10.2656 2.9625 10.5188 2.9625C10.625 2.9625 10.675 2.97813 10.675 2.97813C11.0563 3.96563 10.8156 4.69688 10.7437 4.87813C11.1906 5.38125 11.4625 6.02187 11.4625 6.80312C11.4625 9.55937 9.825 10.1656 8.26562 10.3438C8.51562 10.5656 8.74063 11.0031 8.74063 11.6719C8.74063 12.6313 8.73125 13.4062 8.73125 13.6406C8.73125 13.8094 8.82812 14 9.0875 14C9.125 14 9.16875 13.9969 9.2125 13.9875C11.9969 13.0375 14 10.3469 14 7.17813C14 3.21563 10.8656 0 7 0Z" fill="currentColor"></path> </svg>编辑这个页面<//a> </div> <div class="col lastUpdated_13-_"></div> </div> </footer> </article> <nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"> <div class="pagination-nav__item"> <a class="pagination-nav__link" href="//www.jesscamp.com/docs/angular/your-first-app/deploying-mobile"> <div class="pagination-nav__sublabel"> 以前的<//div> <div class="pagination-nav__label"> «部署手机<//div></a> </div> <div class="pagination-nav__item pagination-nav__item--next"> <a class="pagination-nav__link" href="//www.jesscamp.com/docs/angular/your-first-app/distribute"> <div class="pagination-nav__sublabel"> 下一个<//div> <div class="pagination-nav__label"> 分发»<///div></a> </div> </nav> </div> <div class="spacer"></div> </div> <div class="end"> <div class="toc-wrapper"> <h2>内容<//h2> <div class="tableOfContents_35-E thin-scrollbar theme-doc-toc-desktop"> <ul class="table-of-contents table-of-contents__left-border"> <li><a href="#live-reload" class="table-of-contents__link toc-highlight">现场重新加载<//a></li> <li><a href="#deleting-photos" class="table-of-contents__link toc-highlight">删除照片<//a></li> </ul> </div> <a href="https://github.com/ionic-team/ionic-docs/edit/main/docs/angular/your-first-app/7-live-reload.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"> <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-edit iconEdit_nn1O"> <path d="M7 0C3.13438 0 0 3.21563 0 7.17813C0 10.35 2.00625 13.0375 4.7875 13.9875C4.83125 13.9969 4.86875 14 4.90625 14C5.16563 14 5.26562 13.8094 5.26562 13.6438C5.26562 13.4719 5.25938 13.0219 5.25625 12.4219C4.99375 12.4812 4.75938 12.5063 4.55 12.5063C3.20313 12.5063 2.89687 11.4594 2.89687 11.4594C2.57812 10.6313 2.11875 10.4094 2.11875 10.4094C1.50938 9.98125 2.11562 9.96875 2.1625 9.96875H2.16563C2.86875 10.0312 3.2375 10.7125 3.2375 10.7125C3.5875 11.325 4.05625 11.4969 4.475 11.4969C4.80312 11.4969 5.1 11.3906 5.275 11.3094C5.3375 10.8469 5.51875 10.5312 5.71875 10.35C4.16563 10.1688 2.53125 9.55313 2.53125 6.80312C2.53125 6.01875 2.80312 5.37813 3.25 4.87813C3.17812 4.69688 2.9375 3.96563 3.31875 2.97813C3.31875 2.97813 3.36875 2.9625 3.475 2.9625C3.72812 2.9625 4.3 3.05937 5.24375 3.71562C5.80312 3.55625 6.4 3.47812 6.99687 3.475C7.59062 3.47812 8.19063 3.55625 8.75 3.71562C9.69375 3.05937 10.2656 2.9625 10.5188 2.9625C10.625 2.9625 10.675 2.97813 10.675 2.97813C11.0563 3.96563 10.8156 4.69688 10.7437 4.87813C11.1906 5.38125 11.4625 6.02187 11.4625 6.80312C11.4625 9.55937 9.825 10.1656 8.26562 10.3438C8.51562 10.5656 8.74063 11.0031 8.74063 11.6719C8.74063 12.6313 8.73125 13.4062 8.73125 13.6406C8.73125 13.8094 8.82812 14 9.0875 14C9.125 14 9.16875 13.9969 9.2125 13.9875C11.9969 13.0375 14 10.3469 14 7.17813C14 3.21563 10.8656 0 7 0Z" fill="currentColor"></path> </svg>编辑这个页面<//a> </div> </div> </div> </div> </main> </div> </div> </div> </div> <div style="text-align:center;margin-bottom:5px;"><form action="http://www.baidu.com/baidu" target="_blank"><div bgcolor="#FFFFFF" style="text-align:center;"><input name="tn" type="hidden" value="baidu"><a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" width="80px" height="29px" alt="Baidu" align="bottom" border="0"></a><input type="text" name="word" size="30" placeholder="" value=""><input type="submit" value="百度搜索"></div></form></div><div id="so360" style="text-align:center;margin-bottom:5px;"><form action="https://www.so.com/" target="_blank" id="so360form"><img src="http://p1.qhimg.com/d/_onebox/search.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="so360_keyword" placeholder="" value=""> <input type="submit" id="so360_submit" value="360搜索"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div id="sogou" style="text-align:center;margin-bottom:5px;"><form action="https://www.sogou.com/" target="_blank" id="so360form"><img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="sogou.com_keyword" placeholder="" value=""> <input type="submit" id="sogou_submit" value="搜狗"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div></body> </html>