问题标签 [ionic5]

我正在尝试为我的 Ionic 5 项目迁移到 monorepo 结构。为了在这个 monorepo 中的多个项目中重复使用我的 Ionic / Angular 组件和服务，我试图将它们分离到共享库中。一切都很顺利，直到我真正尝试在共享库组件的模板中使用离子元素（例如离子列表、离子按钮、离子项等）。在我这样做的那一刻，我开始收到这种性质的运行时错误（请注意，没有构建时间错误）：

我创建了一个最小的可重现示例并将其放在 GitHub 上：https ://github.com/vicatcu/devdacticMulti/tree/routing-problem

克隆它，然后在根目录中运行以下命令：

...它会启动一个网络浏览器，在开发工具控制台中一切都会好起来的。如果您导航到 /ref 而不是 /lazy 您将得到我所指的异常。如果模板中libraries/academy-lib/src/lib/academy-lib.component.ts不包含任何离子元素，则该页面也将加载而不会出现错误。

为了达到这一点，我一直在关注https://devdactic.com/ionic-multi-app-shared-library。我错过了什么？

我正在使用 Ionic 5 并且有一些带有输入的标签，其中标签位于左侧，输入位于标签旁边。

这是代码：

正如您在上面看到的，标签的大小不同。

如何使标签的右侧对齐？

如何截断我的段落以仅显示一定数量的单词并具有“显示更多”链接以在同一页面中打开该段落的其余部分？

在我的 page.ts 文件中，我有一个填充了以下代码的数组：

在我的 HTML 文件中，我有这段代码来显示它：

由于 ionic5 现已发布，所以现在当我使用此命令ionic start myApp blank --type=angular创建 ionic5 应用程序时，我可以从ionic info命令中确认这一点，我想知道如何创建 ionic4 项目。创建 ionic4 项目背后的原因是我在 ionic3 中有一个应用程序，我想将该应用程序升级到 ionic4 中的第一个应用程序，然后升级到 ionic5，而不是直接升级到最新的应用程序，因为我还不知道 ionic5 的重大变化，我还没有研究它

我刚刚升级到 ionic 5 - 我的产品构建失败并出现以下问题：

调试构建运行良好。

我无法让标签导航正常工作。

到目前为止，这是我的代码：

应用程序.tsx：

主页.tsx：

我的甲板.tsx：

当前的行为是：

1. 用户访问 /
2. 用户被重定向到 /home
3. 另一个重定向到 /myDeck，选择了“我的甲板”选项卡，并且 URL 很好。
4. 如果用户单击“Explore”选项卡，URL 会发生变化，“My Deck”选项卡会被取消选择，“Explore”选项卡会被选中，但是页面内容不会改变。

如果我更改内部路线的顺序<IonRouterOutlet>，则最初选择了“我的甲板”选项卡，当用户第一次单击“探索”选项卡时，它呈现正常，但永远不会回到“我的甲板”选项卡。

我还注意到，在 /myDeck 或 /explore 刷新时，根本不会呈现任何内容。

如何在不单击路由器链接元素的情况下在Ionic 路由器中触发具有给定动画方向（例如返回）的给定位置的重定向？

有一种标准方法可以触发路由器重定向。问题是它不能改变动画方向，所以它总是向前的：

还有一种方法可以返回，但是不能设置自定义的URL去：

我也可以制作一个按钮并触发点击它，但它看起来像一个笨拙的解决方案：

我使用 Ionic 5 选项卡模板创建了一个 Ionic React 应用程序。

我想将一个对象从 App 组件传递给选项卡组件。

有什么办法吗？

Tab1 和 Tab2 是我的标签组件。

注意：我希望这个对象在两个 Tab 组件中都使用双向数据绑定，即每当该对象在一个 Tab 组件中更改时，它必须在第二个 Tab 组件中更新。我想在不使用 Redux 或任何第三方的情况下实现它图书馆。

我的 App 组件如下所示：

我在 iOS 上使用 Ionic v5 应用程序：我使用来自“德国铁路”外部服务的 iFrame： https ://www.bahn.de/p/view/home/partnerprogramm/anreiseservice.shtml

我指定

在config.xml中，但是仍然无法打开外部iFrame的链接。

这有什么解决办法？

拒绝加载图像“ http://localhost:8000/favicon.ico ”，因为它违反了以下内容安全策略指令：“default-src 'none'”。请注意，'img-src' 没有显式设置，因此 'default-src' 用作后备。