ionic-framework 相关问题

使用 Jasmine 对 Ionic Angular 中的 IonInput 参数进行单元测试：无法读取未定义的属性（读取“应用”）

在自定义输入组件内的这个 setter 中，我想在 Jasmine 中进行通过 getInputElement 函数的测试。 @ViewChild('自定义输入') 公共设置自定义输入（值：IonInput）{...

Ionic Storage（Ionic 8、Angular 17）错误：`ERROR NullInjectorError：NullInjectorError：没有存储提供程序`

我在浏览器控制台中遇到以下错误：错误 NullInjectorError：NullInjectorError：没有存储提供程序！，在尝试在 Ionic 8 中配置 Ionic Storage（Angular...

Cordova Ionic 应用程序 - 推送通知不适用于 Android 12 和 Android 13 - cordova-android 11.0

我有一个使用 Cordova 和 Angular 的 Ionic 应用程序。 我的推送通知对于所有 iOS 用户和 Android 版本都运行良好 <= 11 users. We started getting a lot of reports that people

这是关于 ionic 的 ion-datetime-button

将 ionic-datetime-button 添加到 html 文件 未找到 ID 'datetime' 的 ionic-datetime 实例。我遇到错误 未找到 ID“datetime”的 ion-datetime 实例 以下文件是

Ionic - navigator.geolocation 返回空错误对象

我正在构建一个依赖地理位置的小型应用程序。我使用以下代码从设备获取当前位置： var options = { 最大年龄：3000，超时：300000，enableHighAccuracy：t...

Miragejs：无法加载离子图标 - 数据：image/svg+xml

浏览器控制台中出现以下错误，并且图标未渲染。 对象 { 描述：“Mirage：未定义”，文件名：“http://localhost:8100/js/chunk-vendors.js lin...

获取 ISO 字符串格式的 2 个日期相减后的天数

我想计算两个日期之间的差异后的天数（两个日期都是isoString格式）。当我尝试减去时，它返回 NaN 而不是天数。这是我的代码，我可以知道...

带iOS Passkey的电容如何获取注册数据

我正在为我的 Ionic 应用程序实现 Passkey，但我找不到任何插件，所以我正在构建自己的插件。一切正常，直到触发本机 iOS 上的密钥，但我无法获取

如何在ionic项目中正确更新node.js

我有一个使用 vue / vuetify 的项目，我正在尝试将其合并到 Ionic 项目中（后者最初是作为 Ionic 站点的示例）。 原来的项目运行正常，使用vue v...

类型“FetchData[]”不可分配给类型“string”（Ionic React Typescript）

response.body是文件的base64字符串。如何将其保存到字符串变量中？ fetchCustom(store.apiURL, { trtyp: '文件下载', seskey: store.userSessionKey, ...

如何按自定义顺序将离子项添加到离子列表中？

我有一批当用户执行离子无限滚动时收到的物品。我想要的是能够向上而不是向下添加离子列表项。我尝试了 Ionic 2 如何使 ion-list 增长

升级到 ionic 8 和独立组件错误警报控制器

我已将我的应用程序从 ionic 7 升级到 8 升级后我收到以下错误 错误 NullInjectorError：R3InjectorError（环境注入器）[_ModalController -> _ModalController]：

如何使用 vanilla js 在 Cordova / Capacitor / Conic 中以编程方式滚动

我确实进行了很多搜索，但没有找到可接受的答案，所以这就是问题以及我为其他正在为此苦苦挣扎的人的解决方案。 问题：我们不能再使用 window.scrollTo() 来...

如何通过新的调色板更新临时更改 Ionic 8 中组件中颜色变量的值？

在带有 Ionic Framework 的 Angular 应用程序中，我有一个组件，在特定操作中，我需要使默认颜色变量 --ion-background-color 透明，并恢复为定义的

“离子按钮+仅图标”组件内部不起作用

我正在使用 Ionic 3.*，试图创建一个仅包含一个按钮的组件。 组件代码为： @成分（{ 选择器：“个人资料按钮”， templateUrl: 'profile-button.html', }) 出口类

带有半透明标题的 Ionic iOS PWA 状态栏

我正在使用 ionic 框架开发一个 PWA。 它看起来就像一个 iOS 应用程序，除了我不明白的一件事，那就是状态栏。 在离子组件文档中

电容器缺少脚本：“开始”

我刚刚创建了一个电容器项目，我想启动它，但收到以下错误消息： PS C:\Users\Lenovo\Documents\my-app> npm run start npm 错误！缺少脚本：“开始&

使用 ngCordova 检查移动设备是否启用了自动时区

Ionic v1 应用程序需要检查移动设备（Android 或 iOS）是否启用了自动时区，我该怎么做？我想这是使用 ngCordova 完成的。 对于某些操作，自动时区...

this.platform.is("mobile") 对于浏览器返回 true

我正在浏览器上运行一个离子项目 脚本 “浏览器”：“ionic-app-scripts服务--sourceMap源映射--iscordovaserve--wwwDir平台/浏览器/www/--buildDir平台/浏览器/www/build” ...

如何在点击按钮后动态调整传单地图的大小？

我有一份传单地图包含在 此页面分为 我有一份传单地图包含在<div id="map" data-tap-disabled="false" style="width: 100%; height: 100%;"></div> 此页面分为<ion-header>、<ion-content>和<ion-footer>。该地图包含在 <ion-content> 中。我想做的是用按钮隐藏页眉和页脚。 所以我用 L.easyButton 创建了一个按钮。代码如下： L.easyButton('click',function(){ if(self.hideLayout){ self.map.addControl(setLayers); self.map.addControl(setZoom); self.map.addControl(toolBar); self.map.addControl(setScale); self.enableAdditionalButtons(textButton, arrowButton); self.hideLayout = false; self.hideFooter = false; self.map.invalidateSize(true); }else{ self.map.removeControl(toolBar); self.map.removeControl(setLayers); self.map.removeControl(setZoom); self.map.removeControl(setScale); self.disableAdditionalButtons(textButton, arrowButton); self.hideLayout = true; self.hideFooter = true; self.map.invalidateSize(true); } 我将以下代码添加到<ion-footer>中： <ion-footer *ngIf="!this.mapService.hideFooter"> 发生的情况是地图不会调整大小，并且仍然是白色带而不是页脚 我尝试使用invalidateSize传单方法，即使使用“setInterval”但没有成功。我认为有关 html 和 css 的内容需要编辑，但我还不是专家。 再次感谢大家，我希望我说清楚了:) 根据您的代码，我将添加我的积分； constructor(private plt: Platform) { } L.easyButton('click', () => { const map = document.getElementById('map'); if (self.hideLayout) { self.map.addControl(setLayers); self.map.addControl(setZoom); self.map.addControl(toolBar); self.map.addControl(setScale); self.enableAdditionalButtons(textButton, arrowButton); self.hideLayout = false; self.hideFooter = false; self.map.invalidateSize(true); map.style.height = '100%'; map.style.width = '100%'; } else { self.map.removeControl(toolBar); self.map.removeControl(setLayers); self.map.removeControl(setZoom); self.map.removeControl(setScale); self.disableAdditionalButtons(textButton, arrowButton); self.hideLayout = true; self.hideFooter = true; self.map.invalidateSize(true); map.style.height = (this.plt.height() - 26) + 'px'; // 26 is the status bar, it may be 20 so u update it accordingly // source: https://ionicframework.com/docs/v3/theming/overriding-ionic-variables/ map.style.width = this.plt.width() + 'px'; } 如果它不起作用，那么您需要提供您的 ts 代码，因为（自己）不太清楚它是像（这个）还是您只是共享部分功能... 最后我找到了一个适合我的解决方案。我会把它发布在这里。我要感谢@Mostafa Harb 帮助我。 L.easyButton('click', function() { const footerAndHeader = Array.from(document.getElementsByClassName('scroll-content') as HTMLCollectionOf<HTMLElement>)[1]; if (self.hideLayout) { self.map.addControl(setLayers); self.map.addControl(setZoom); self.map.addControl(toolBar); self.map.addControl(setScale); self.enableAdditionalButtons(textButton, arrowButton); self.hideLayout = false; self.hideFooter = false; self.hideHeader = false; self.map.invalidateSize(true); footerAndHeader.style.marginBottom = "40px"; footerAndHeader.style.marginTop = "54px"; } else { self.hideLayout = true; self.hideFooter = true; self.hideHeader = true; self.map.removeControl(toolBar); self.map.removeControl(setLayers); self.map.removeControl(setZoom); self.map.removeControl(setScale); self.disableAdditionalButtons(textButton, arrowButton); self.map.invalidateSize(true); footerAndHeader.style.marginBottom = "7px"; footerAndHeader.style.marginTop = "3px"; } }) 在我的例子中，问题是带有“scroll-content”类的<div>，该类是在<ion-content>标签内自动创建的。因此，使用 getElementsByClassName，我获取了数组中的第二个元素，并调整了页眉和页脚的上边距和下边距。 这个解决方案肯定不是最优的，会有更好的方法。 CSS .mymap{ display: flex; width: 100%; height: 100%; } HTML <div id="map" data-tap-disabled="false" class="mymap"> // your code </div> 添加 display: flex 并设置 height 和 width