配置|betway东盟体育app离子配置以更改全球组件属性<///title> <link rel="stylesheet" href="//www.jesscamp.com/docs/assets/css/styles.aea65276.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/config">v6<//a></li> <li><a class="dropdown__link" href="//www.jesscamp.com/docs/v5/angular/config">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/config" 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/config" 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/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 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/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 menu__link--active" aria-current="page" 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/config">v6<//a></li> <li><a class="dropdown__link" href="//www.jesscamp.com/docs/v5/angular/config">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/config" 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/config" 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>config<//h1> </header> <p>betway东盟体育app离子配置提供了一种在应用程序上更改全球组件的属性的方法。它可以设置应用模式，选项卡按钮布局，动画等。<///p> <h2 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="global-config">全局配置<a aria-hidden="true" class="hash-link" href="#global-config" title=""></a></h2> <p>要覆盖应用程序的初始离子配置，请在betway东盟体育app<code>betway东盟体育appIonicModule.Forroot<//code>在里面<code>app.module.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">betway东盟体育app离子模块<//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 function maybe-class-name">ngmodule<//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><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 maybe-class-name">browsermodule<//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 maybe-class-name">betway东盟体育app离子模块<//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 boolean">错误的<//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">'MD'<//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 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 plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token operator">...<//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><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>在上面的示例中，我们正在禁用整个应用程序上的材料设计连锁效果，并迫使模式成为材料设计。<//p> <h2 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="per-component-config">每个组件配置<a aria-hidden="true" class="hash-link" href="#per-component-config" title=""></a></h2> <p>betway东盟体育app离子配置不是反应性的，因此建议在要覆盖其默认行为而不是全球设置配置时使用组件的属性。<//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">betway东盟体育app离子模块<//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 function maybe-class-name">ngmodule<//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><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 maybe-class-name">browsermodule<//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 maybe-class-name">betway东盟体育app离子模块<//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">BackbutTontext<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'回去'<//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 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 plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token operator">...<//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><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>这将设置默认文本的<code>离子 - 背屁股<//code>到<code>回去<//code>。但是，如果您要更改<code>BackbutTontext<//code>config to<code>不要回去<//code>，这<code>离子 - 背屁股<//code>默认文本仍将默认为<code>回去<//code>由于该组件已经被初始化并渲染。相反，建议使用<code>文本<//code>属性打开<code>离子 - 背屁股<//code>。<//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">getBackButTontext（）<//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">离子 - 背屁股<//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>离子 - 背屁股<//code>如果需要进行更改，例如语言或语言环境更改，则可以动态更新文本。这<code>GetBackButTontext<//code>方法将负责返回正确的文本。<//p> <h2 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="per-platform-config">每个平台配置<a aria-hidden="true" class="hash-link" href="#per-platform-config" title=""></a></h2> <p>betway东盟体育app离子配置也可以按平台设置。例如，如果在潜在较慢的设备上浏览器中运行该应用程序，则可以禁用动画。开发人员可以利用平台实用程序来实现这一目标。<///p> <p>由于配置是在运行时设置的，因此您将无法访问平台依赖项注入。相反，您可以使用提供商直接使用的基础功能。<///p> <p>在下面的示例中，仅当应用程序在移动Web浏览器中运行时，我们才会禁用我们的Ionic应用程序中的所有动画。betway东盟体育app这<code>iSplatform（）<//code>通话返回<code>真的<//code>或者<code>错误的<//code>基于传递的平台。请参阅<a href="//www.jesscamp.com/docs/angular/platform">平台文档<//a>对于可能的值列表。<//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">ISPLATFORM<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><span class="token maybe-class-name">betway东盟体育app离子模块<//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 function maybe-class-name">ngmodule<//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><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 maybe-class-name">browsermodule<//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 maybe-class-name">betway东盟体育app离子模块<//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 operator">呢<//span><span class="token function">ISPLATFORM<//span><span class="token punctuation">（（<//span><span class="token string">'MobileWeb'<//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 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 plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token operator">...<//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><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>下一个示例允许您基于平台设置完全不同的配置，如果没有平台匹配的话，请回到默认配置：<//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">ISPLATFORM<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><span class="token maybe-class-name">betway东盟体育app离子模块<//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">const<//span><span class="token plain"></span><span class="token function-variable function">getConfig<//span><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><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 plain"></span><span class="token punctuation">（（<//span><span class="token function">ISPLATFORM<//span><span class="token punctuation">（（<//span><span class="token string">'杂交种'<//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 keyword">返回<//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">BackbutTontext<//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">tabuttonlayout<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">“标签窗口”<//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 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 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 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 plain"></span><br></span><span class="token-line"><span class="token plain">@<///span><span class="token function maybe-class-name">ngmodule<//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><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 maybe-class-name">browsermodule<//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 maybe-class-name">betway东盟体育app离子模块<//span><span class="token punctuation">。<//span><span class="token function">原始<//span><span class="token punctuation">（（<//span><span class="token function">getConfig<//span><span class="token punctuation">（（<//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 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 plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token operator">...<//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><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>最后，此示例允许您根据不同的平台要求积累配置对象：<//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">ISPLATFORM<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><span class="token maybe-class-name">betway东盟体育app离子模块<//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">const<//span><span class="token plain"></span><span class="token function-variable function">getConfig<//span><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><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 plain">config<//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 boolean">错误的<//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" 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 punctuation">（（<//span><span class="token function">ISPLATFORM<//span><span class="token punctuation">（（<//span><span class="token string">'苹果手机'<//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">config<//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">config<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">BackbutTontext<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'以前的'<//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 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">config<//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 function maybe-class-name">ngmodule<//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><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 maybe-class-name">browsermodule<//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 maybe-class-name">betway东盟体育app离子模块<//span><span class="token punctuation">。<//span><span class="token function">原始<//span><span class="token punctuation">（（<//span><span class="token function">getConfig<//span><span class="token punctuation">（（<//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 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 plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token operator">...<//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><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <h2 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="config-options">配置选项<a aria-hidden="true" class="hash-link" href="#config-options" title=""></a></h2> <p>以下是离子使用的配置选项列表。betway东盟体育app<//p> <div class="table-wrapper"> <table> <thead> <tr> <th>config<//th> <th>类型<//th> <th>描述<//th> </tr> </thead> <tbody> <tr> <td><code>ActionSheetenter<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供自定义输入动画<code>离子表演表<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>ActionSheetleave<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供定制假动画<code>离子表演表<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>警报器<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供自定义输入动画<code>离子效果<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>AlertLeave<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供定制假动画<code>离子效果<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>动画<//code></td> <td><code>布尔<//code></td> <td>如果<code>真的<//code>，Ibetway东盟体育apponic将启用整个应用程序上的所有动画和过渡。<//td> </tr> <tr> <td><code>Backuttonicon<//code></td> <td><code>细绳<//code></td> <td>覆盖所有默认图标<code><Ion-Back-button><//code>组件。<//td> </tr> <tr> <td><code>BackbutTontext<//code></td> <td><code>细绳<//code></td> <td>覆盖所有默认文本<code><Ion-Back-button><//code>组件。<//td> </tr> <tr> <td><code>硬件背面<//code></td> <td><code>布尔<//code></td> <td>如果<code>真的<//code>，离betway东盟体育app子将响应Android设备中的硬件返回按钮。<//td> </tr> <tr> <td><code>Infiniteloadingspinner<//code></td> <td><code>Spinnertypes<//code></td> <td>覆盖所有默认的旋转器类型<code><Ion-Infinite-Scroll-Content><//code>组件。<//td> </tr> <tr> <td><code>加载器<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供自定义输入动画<code>离子加载<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>加载<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供定制假动画<code>离子加载<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>LoadingsPinner<//code></td> <td><code>Spinnertypes<//code></td> <td>覆盖所有的默认旋转器<code>离子加载<//code>覆盖。<//td> </tr> <tr> <td><code>菜单<//code></td> <td><code>细绳<//code></td> <td>覆盖所有默认图标<code><Ion-menu-button><//code>组件。<//td> </tr> <tr> <td><code>Menutype<//code></td> <td><code>细绳<//code></td> <td>覆盖所有默认菜单类型<code><ion-menu><//code>组件。<//td> </tr> <tr> <td><code>模量<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供自定义输入动画<code>离子模式<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>modalleave<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供定制假动画<code>离子模式<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>模式<//code></td> <td><code>模式<//code></td> <td>该模式确定用于整个应用程序的平台样式。<//td> </tr> <tr> <td><code>Navanimation<//code></td> <td><code>AnimationBuilder<//code></td> <td>覆盖所有人的默认“动画”<code>离子-NAV<//code>和<code>离子旋律释放<//code>在整个应用程序中。<//td> </tr> <tr> <td><code>pickerenter<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供自定义输入动画<code>离子挑选<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>Pickerleave<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供定制假动画<code>离子挑选<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>平台<//code></td> <td><a href="//www.jesscamp.com/docs/angular/platform"><code>PlatformConfig<//code></a></td> <td>覆盖默认平台检测方法。<//td> </tr> <tr> <td><code>弹出器<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供自定义输入动画<code>离子流行<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>popoverleave<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供定制假动画<code>离子流行<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>刷新<//code></td> <td><code>细绳<//code></td> <td>覆盖所有默认图标<code><Ion-refresh-content><//code>组件。<//td> </tr> <tr> <td><code>更新者<//code></td> <td><code>Spinnertypes<//code></td> <td>覆盖所有默认的旋转器类型<code><Ion-refresh-content><//code>组件。<//td> </tr> <tr> <td><code>消毒剂<//code></td> <td><code>布尔<//code></td> <td>如果<code>真的<//code>，Ibetway东盟体育apponic将在接受自定义HTML的组件属性上启用基本的DOM消毒剂。<//td> </tr> <tr> <td><code>旋转器<//code></td> <td><code>Spinnertypes<//code></td> <td>覆盖所有默认旋转器<code><ion-spinner><//code>组件。<//td> </tr> <tr> <td><code>Statustap<//code></td> <td><code>布尔<//code></td> <td>如果<code>真的<//code>，单击或点击状态栏将导致内容滚动到顶部。<//td> </tr> <tr> <td><code>SwipeBackenabled<//code></td> <td><code>布尔<//code></td> <td>如果<code>真的<//code>，Ibetway东盟体育apponic将在整个应用程序上启用“滑动到后卫”的手势。<//td> </tr> <tr> <td><code>tabuttonlayout<//code></td> <td><code>tabuttonlayout<//code></td> <td>覆盖所有的默认“布局”<code>离子键键<//code>在整个应用程序中。<//td> </tr> <tr> <td><code>敬酒<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供自定义输入动画<code>离子对象<//code>，覆盖默认的“动画”。<//td> </tr> <tr> <td><code>吐司<//code></td> <td><code>AnimationBuilder<//code></td> <td>为所有人提供定制假动画<code>离子对象<//code>，覆盖默认的“动画”。<//td> </tr> </tbody> </table> </div> </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/config.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/slides"> <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/platform"> <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="#global-config" class="table-of-contents__link toc-highlight">全局配置<//a></li> <li><a href="#per-component-config" class="table-of-contents__link toc-highlight">每个组件配置<//a></li> <li><a href="#per-platform-config" class="table-of-contents__link toc-highlight">每个平台配置<//a></li> <li><a href="#config-options" class="table-of-contents__link toc-highlight">配置选项<//a></li> </ul> </div> <a href="https://github.com/ionic-team/ionic-docs/edit/main/docs/angular/config.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>