问题标签 [ionic4]

在 Ionic3 之前，它与 Angular.js 紧密结合。所以导航工作可能是由一些 Angular.js 功能完成的。我可能是错的，因为我以前没有使用过 Ionic 或 Angular.js。

Ionic4将与框架无关，使用Stencil.js编写并使用Stencil.js 编译器编译为Web 组件标准组件。

我想知道导航任务将如何处理，由谁处理？Ionic4 有路由功能吗？或者它没有，必须使用开发人员选择的客户端路由器，特别是我想知道 Stencil.js 的用例，因为它也有一个路由器。例如，它应该如何用于选项卡式应用程序标记和 Ionic 样式，以及使用 Stencil.js 路由？

我已将 Ionic Secure Storage 插件（用于存储身份验证令牌）添加到我的 Ionic 项目中，并且它在运行时在本地正常工作cordova run browser（因此cordova作为平台加载）。

但是，当我在 Android 上的 Ionic DevApp 和 Ionic View 中打开我的项目（在 iOS 上正常工作）时，每当我尝试检索保存的令牌时，它都会静默失败。

这是我的代码：

我打开了离子错误监控，它没有发现任何错误。

插件版本：

我正在使用 ionic 3。我在更新视图中的库存数据时遇到问题。我可以在我的组件上经常获得更新，我可以在我的控制台中看到有关更改的信息，但不会在我的视图中更新这些更改。但我的观点是更新罕见的情况。如果组件中发生 10 次更新，则意味着我认为有 1 次更新。我编写了如下代码，服务：

我的组件代码看起来像，

我的观点看起来像，

但我的观点是没有像在组件 baserates 字段中获得更新那样频繁更新。你能帮助任何人吗？我使用 Lightstreamer 来获取更新率。

<ion-input type="number" formControlName="title" max="{{max}}" (change)="changetodo($event)"></ion-input>

在这里，我使用 max 字段并将其与 ts 文件中的 max 变量绑定。但我仍然可以输入高于 max 字段的值。我该如何解决？

正如文档中所说，我正在尝试将拆分窗格添加到我的第一个视图中，但它不适用于 ionic serve 或 ionic deploy 浏览器。

我正在使用以下内容：

cli 包：（/usr/lib/node_modules）

全局包：

本地包：

系统：

视图的代码是这样的：

如果从 ionic 3 到 4 的某些更改未添加到文档中，或者我需要添加其他内容以使其正常工作，我现在不知道。

您好，我在 ionic 3 中使用基于推送和弹出的导航制作了一个演示应用程序。在 ionic 4 中，支持角度路由器，因此我需要使用事件浏览页面router.navigate。我正在尝试了解角度路由器在 ionic.in 中的工作原理v4 我们有ion-router-outlet这是新的。我没有找到有关如何使用此元素的任何文档。如果我使用常规路由器（如router-outlet），它工作得很好，但我不明白现在应该使用哪个出口标签？有人可以告诉我如何ion-router-outlet在 ionic v4 中实现路由吗？

我正在开发一个使用 Vue.js 和 Ionic 的应用程序，但我无法弄清楚为什么更新我的 Ionic 核心版本会破坏 ion-content 标签，如果标签已停用，我尝试使用谷歌搜索，但似乎没有是这样的。

为了说明，我做了一个使用 Ionic 核心的例子。使用最新的 Ionic 版本时，不会显示 ion-content 标签，但如果您切换到较旧的 Ionic 版本，它会显示得很好。

这是此代码的 jsFiddle：https ://jsfiddle.net/telmo/chk9h080/

有人可以向我解释这里发生了什么吗？

我正在构建一个离子 PWA。我不想生成 APK 文件，所以我将我的应用程序添加到主屏幕。我想打开设备相机并通过创建文件夹来保存设备中拍摄的照片。我尝试访问https://capacitor.ionicframework.com/docs/apis/filesystemapi 在设备目录中创建一个文件夹，然后将捕获的照片保存在其中。

但我收到此错误：FileSystem doesnot have web implementation. 文件系统 api 是否仅在我生成 APK 文件时才有效，或者将来是否有计划支持 Web？

我将我的角度材料导入到我的 Ionic 4 应用程序中。我还更新了 angular.json 文件中的样式，以将我的 style.css 指向 @import '~@angular/material/prebuilt-themes/deeppurple-amber.css'; 我在屏幕上显示了一个垫按钮对象。css 不显示按钮或显示在控制台中。有任何想法吗？

我正在尝试使用带有 Google Plus 和 Facebook 的科尔多瓦插件登录。这两个 npm 包都给了我这个问题：

core.js:1598 错误错误：未捕获（在承诺中）：TypeError：Object(...) 不是函数 TypeError：Object(...) 不是 Object../node_modules 处 index.js:245 处的函数/@ionic-native/facebook/index.js (index.js:313) 在webpack_require (bootstrap:81) 在 Object../src/app/services/auth.service.ts (chunk-fe7f197d.js:144)在webpack_require (bootstrap:81) 在 Object../src/app/pages/login/login.page.ts (pages-login-login-module.js:115) 在webpack_require (bootstrap:81) 在 Object../ src/app/pages/login/login.module.ts (pages-login-login-module.js:21) 在webpack_require(bootstrap:81) at $_lazy_route_resource 惰性命名空间对象:37 at index.js:245 at Object../node_modules/@ionic-native/facebook/index.js (index.js:313) at webpack_require (bootstrap:81)在 Object../src/app/services/auth.service.ts (chunk-fe7f197d.js:144) 在webpack_require (bootstrap:81) 在 Object../src/app/pages/login/login.page.ts (pages-login-login-module.js:115) 在webpack_require (bootstrap:81) 在 Object../src/app/pages/login/login.module.ts (pages-login-login-module.js:21 ) 在webpack_require(bootstrap:81) at $_lazy_route_resource 惰性命名空间对象:37 at resolvePromise (zone.js:814) at resolvePromise (zone.js:771) at zone.js:873 at ZoneDelegate.push../node_modules/zone.js/ dist/zone.js.ZoneDelegate.invokeTask (zone.js:421) 在 Object.onInvokeTask (core.js:4053) 在 ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask ( zone.js:420) 在 Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)

我的信息是：

@ionic/cli-utils：2.0.0-rc.6 离子（离子 CLI）：4.0.0-rc.6

全局包：

科尔多瓦（科尔多瓦 CLI）：8.0.0

本地包：

@angular-devkit/core：0.6.0 @angular-devkit/schematics：0.6.0 @angular/cli：6.0.1 @ionic/schematics-angular：1.0.0-rc.6 Cordova 平台：无离子框架：@离子/角度 4.0.0-alpha.7

系统：

Android SDK 工具：26.1.1 NodeJS：v8.9.4 npm：6.1.0 操作系统：Windows 10

环境变量：

ANDROID_HOME : D:\SumTech Solutions\Software\Android_SDK

仅当我将 Imports 添加到我的 auth.service 中的构造函数时，这才成为一个问题。