问题标签 [ionic6]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
73 浏览

javascript - How to hide / not draw bars with 0 / null / undefined values?

How to hide values that are false ? ( 0, null or undefined)

I have tried to do something like

chartjs bar

But it doesn't work.

I've found some similar post on SOF with no answers or working solution

Inspired on LeeLenalee answer and zhulien comment I have created a variable chartData that I filter before passing it.

But passing the variable chartData make a type error on data (to copy past the object of chartData and passing it directly does not make a type error, but the view of the graph does not load)

indexToRemove is an array of index based on data that are to 0

0 投票
1 回答
67 浏览

reactjs - 通过css背景图像使用图像时无法解析图像?无法在 Ionic 中使用资产中的任何内容?

我正在尝试在我的一个组件中加载图像,为此,我使用以下命令创建了一个示例应用程序:

完成后,我移至其中一个组件并尝试通过以下方式使用预先存在的图像:

但它因错误而失败,我无法使用该文件,我尝试了与相对路径相关的所有其他组合,例如../assets or shapes.svg, /assets/shapes

在此处输入图像描述

这是我的 package.json 预览:

0 投票
0 回答
23 浏览

angular - 试图在 ionic 6 中实现 here-map 但它给出了“403”错误,我找不到任何解决方案

我一直在尝试here-mapIonic 6Angular 版本 13.0.0中实现,但我遇到了一个403错误,所以请帮我解决它。

index.html

Home.page.ts

主页.page.html

0 投票
0 回答
31 浏览

reactjs - Ionic 6-React 自定义字体在 android 上不会改变

我正在尝试将整个应用程序字体更改为像这样的自定义字体

在此处输入图像描述

像这样把它带到我的变量中

在此处输入图像描述

像这样申请 global.css

在此处输入图像描述

在此处输入图像描述

在 android 上没有变化,它仍然使用 Roboto 字体。但是,它可以在浏览器中运行。

在此处输入图像描述

浏览器版本

0 投票
0 回答
22 浏览

angular - 无法在设备或模拟器上测试我的 ionic 应用程序,它给了我“无法加载模块脚本:服务器以非 JavaScript MIME 类型“”响应

我正在使用 ionic 6 和 angular 12,我正在浏览器上测试我的应用程序并且它工作正常,问题是当我尝试在模拟器或手机上测试它时。我在 chrome 上检查它,它给了我这些错误,并且在启动屏幕之后它给出了一个空白屏幕。

这是我的 index.html 文件:

这是我编译时在 www 文件夹中生成的 index.html 文件(我认为这是问题的根源):

0 投票
1 回答
28 浏览

reactjs - Ionic 6 React:更改 IonItem 线条颜色

在此处输入图像描述

我想改变这个的边框底部IonItem

我尝试添加一个名为border-light的类

和CSS

0 投票
0 回答
20 浏览

reactjs - IonIcon 组件使用来自“react-icons”包的图标

我想IonIcon使用下面的反应图标。

在此处输入图像描述

我理解这个错误,但有没有办法我仍然可以使用反应图标。

像这样

在此处输入图像描述

因为我正在循环某个对象,所以我iconsion-iconsand中选择了一些对象,react-iconsreact-icons类型为IconTypewhileion-icons的类型为string | undefined. 我如何合并这两个图标库来使用。

0 投票
1 回答
60 浏览

angular - ngFor 更新时不更新 Ionic 模型中的列表,但如果模型在外部工作

所以我有以下html:

现在搜索 worldArray 时会更新。但模型内部的视图不是。如果我将搜索功能放在模型之外,那么视图会更新。那么我怎样才能使模型中的列表更新。请注意,如果我关闭模型然后重新打开它,则会显示更新的列表。

想知道我该如何解决这个问题?

谢谢

0 投票
1 回答
64 浏览

javascript - 离子选择:预选值在单击一次之前是不可见的

我刚刚在 ionic 版本 6 中创建了一个离子选择。我的问题是我已经成功地在页面加载时预先选择了一个值,但是这个预先选择的值没有显示在 UI 中?!

它只是在我单击选择之后出现,但在它不出现之前(如图 2 所示)。我在 ionViewWillEnter 方法中加载数据并使用 NgModel 预先选择它!

在这里你可以看到它:

页面加载时的样子

当我打开选择时看起来像这样(预选择值成功

选择的 HTML 代码

打字稿数据加载:

}

0 投票
1 回答
10 浏览

ionic-framework - 从 global.scss 访问 assets 文件夹

要从目录中的任何文件中访问资产文件夹scr/app,我只需调用../assets/它就可以正常工作。

但是,当我在global.scss文件中时,我不能。它给了我一个“找不到资源”错误。我尝试过其他变体来调用目录(../../assets/,./assets等),但它总是失败。

我正在使用 Ionic 6