Ionic 3是Ionic的新版本,Ionic是一个开源SDK,使开发人员能够使用标准Web技术(HTML,CSS和JavaScript)构建移动应用程序。 Ionic 3与Angular4及以上配对。
离子:3.20.0 节点:v8.10.0 npm:5.6.0 尼普我 ✖ 运行命令 - 失败! [错误] 运行 npm i 时发生错误(退出代码 254): npm 错误!小路 /用户/卢卡斯齐默曼/
我已经创建了输入类型并创建了该框的边框,但是当我单击该按钮时,它显示默认颜色,但我不应该显示默认颜色 贝洛...
Ionic 3 Cordova ajax 调用在 Windows 10 (UWP) 上失败
我无法让我的 ajax 调用在为 Windows 10 UWP 构建的 Ionic 3 Cordova 应用程序上运行。他们可以访问本地主机,但不能访问任何外部连接。 该应用程序在两者上都运行良好
我正在使用 ionic3 开发一个应用程序,但是在 Android 上使用它时,我无法选择 、、 或 标签内的文本。 在 </desc> 中测试时 <question vote="6"> <p>我正在使用 ionic3 开发一个应用程序,但是在 Android 上使用它时,我无法选择 <pre><code><ion-input></code></pre>、<pre><code><input></code></pre>、<pre><code><ion-textarea></code></pre> 或 <pre><code><textarea></code></pre> 标签内的文本。<br/> 在浏览器中测试时,效果很好。然而,当我在android中使用它时,点击输入,长或短只会切换键盘,并且不可能选择文本。</p> <p>经过深入研究,我意识到如果我的<pre><code><ion-input></code></pre>或<pre><code><ion-textarea></code></pre>位于<pre><code><ion-item></code></pre>中,它就可以正常工作,并且可以选择和复制文本。 由于许多设计原因,我不想将输入放入 <pre><code><ion-item></code></pre> 元素中,因为它会在应用程序中产生许多其他问题。</p> <p>我认为 <pre><code><ion-item></code></pre> 元素必须修改子元素的行为,例如允许复制默认情况下其他元素不允许的文本。 所以我想知道是否可以重现这种行为,而不必将输入包装在 <pre><code><ion-item></code></pre> 元素中。</p> <p>我尝试在我的 scss 文件中使用它,但没有成功:</p> <pre><code>ion-input input, ion-textarea textarea, input, textarea { -webkit-user-select: auto; // I also tried -webkit-user-select: text; } </code></pre> <p>如果我喜欢这样:</p> <pre><code>ion-input, ion-textarea { -webkit-user-select: auto; // I also tried -webkit-user-select: text; } </code></pre> <p>我可以选择文本,但不能在输入时选择,我正在选择输入本身。</p> <p>我想要的只是能够在输入、复制、粘贴时进行选择...</p> <p>任何想法将不胜感激:)</p> </question> <answer tick="false" vote="0"> <p>我已经将它与 ion-textarea 和 Ionic 7/Angular 一起使用,如下所示:</p> <pre><code> <ion-item> <ion-textarea class="font-size-12 color-white opacity-1" disabled="true" rows="13" [value]="event?.payment?.payDetails" ></ion-textarea> </ion-item> </code></pre> <p><em><strong>参考:</strong></em><a href="https://github.com/ionic-team/ionic-framework/issues/11438#issuecomment-298231771" rel="nofollow noreferrer">https://github.com/ionic-team/ionic-framework/issues/11438#issuecomment-298231771</a></p> </answer> </body></html>
我在装有 iOS 11 的 iPhone 7 plus 上使用 Ionic 3。当我运行我的应用程序时, 并填写一些文本/输入字段(基本表单),应用程序会冻结 几秒钟后变得完全没有反应(这不是......
我有一个离子项目,带有离子头像和带有大文本的离子标签。 为了在 ion-label 中显示全文,我向 ion-label 添加了一个类“ion-text-nowrap”。 效果很好。 但问题是离子化身
缺少表单参数:grant_type IONIC CAPACITOR
我正在尝试调用Keycloak,但控制台给了我这个错误: 缺少表单参数:GRANT_TYPE 这是我的代码: 邮政() { 调试器; 让 url = "http://172.20.10.3:8080/realms/myre...
启动Gradle Daemon,2个繁忙的Daemon无法重用,使用--status查看详情
我有两个使用 Ionic 3 和 4 的项目,每当我运行 ionic cordova run android 时,它总是卡在启动 Gradle 守护进程,3 个繁忙的守护进程无法重用,请使用 --status 了解详细信息。 当
离子存储角度错误:无法解析存储角度/fesm中的“@angular/common”
我正在尝试在我的离子应用程序中使用离子/存储角度。我正在关注文档:https://github.com/ionic-team/ionic-storage。 我安装了存储角度(npm install @ionic/stor...
如何在 IONIC 3 中的 ion-item 部分显示两个 ion-col 字段
我需要在一行中显示两个输入字段,如下所示: 但是当我使用时: 电话号码 我需要在row内显示两个输入字段,如下所示: 但是当我使用时: <ion-list> <ion-item> <ion-label stacked> Phone Number</ion-label> <ion-grid> <ion-row> <ion-col> <ion-input type="tel" placeholder="Area code"></ion-input> </ion-col> <ion-col> <ion-input type="tel" placeholder="Number"></ion-input> </ion-col> </ion-row> </ion-grid> </ion-item> 但它没有显示任何屏幕: 请帮助我。 请尝试在 ion-item 之前添加 ion-row。我希望这可以帮助你。谢谢 <ion-list> <ion-label stacked> Phone Number</ion-label> <ion-row> <ion-item col-6> <ion-input type="tel" placeholder="Area code"></ion-input> </ion-item> <ion-item col-6> <ion-input type="tel" placeholder="Number"></ion-input> </ion-item> </ion-row> </ion-list> 您只需使用<ion-grid>,如下所示。 这正在工作stackblitz <ion-content> <ion-grid> <ion-row> <ion-col col-4> <ion-label stacked> Phone Number</ion-label> </ion-col> <ion-col col-4> <ion-input type="tel" placeholder="Area code"></ion-input> </ion-col> <ion-col col-4> <ion-input type="tel" placeholder="Number"></ion-input> </ion-col> </ion-row> </ion-grid> </ion-content> 就个人而言,我不建议在列表中的每个项目中创建网格......处理起来可能非常繁重。 但是看看你的代码,我发现你只想将行分成两部分,这样每个输入都会彼此相邻.. 所以这对我来说很有效(https://ionic-list-items-with-two-inputs-in-row.stackblitz.io/) <ion-content padding> <ion-list> <ion-label stacked> Phone Number</ion-label> <ion-item> <ion-input type="tel" placeholder="Area code"></ion-input> <ion-input type="tel" placeholder="Number"></ion-input> </ion-item> </ion-list> </ion-content> 在<ion-grid>之前添加<ion-row>,如下所示,它在离子项内对我有用。 <ion-item> <ion-grid> <ion-row> <ion-col>Lorem ipsum 1</ion-col> <ion-col size="shrink">lorem ipsum 2</ion-col> </ion-row> </ion-grid> </ion-item>
你能告诉我 Ionic 3 应用程序中的组件和页面生成器有什么区别吗?看来我也可以在组件内部使用像 ionViewWillLeave 这样的页面生命周期钩子。所以什么时候应该...
我正在尝试在离子应用程序中添加侧面菜单,但它没有出现,我正在附加所有文件,请帮助我! 应用程序.html 文件 ...
按照Firebase教程实现Firebase托管。在控制台中托管应用程序。但问题是当我更改 html 模板并通过运行在 Firebase 控制台中重新部署时 离子构建...
“Window”类型上不存在属性“cordova”。 :离子
在我的代码中,我收到错误,因为类型“Window”上不存在属性“cordova”。 这就是我收到错误的地方 var browserRef = window.cordova.InAppBrowser.open() 我也安装了...
Ionic + Cordova Android 构建错误 - 找不到tools.jar
今天我已将 MacBook 升级到 macOS Big Sur 版本 11.0.1。现在,当我尝试为 Android 构建项目时出现了问题。 任务 ':CordovaLib:
我需要运行一个旧的离子项目,下面给出了使用的节点版本。 #自述文件# 此自述文件通常会记录启动和运行应用程序所需的所有步骤......
我能够在我的离子应用程序中创建pdf,如果我在chrome中运行该应用程序,它会完美打开。但是,如果我在 Android 设备上安装我的应用程序,它就不会打开。下面是我的代码。有人可以请他吗...
运行 npm install 失败,并显示消息“未找到:电子到铬……”
我创建了一个 ionic3 项目,选择选项卡。当运行 npm install 时,我收到一条错误消息: “404未找到:电子到铬@https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-
Angular/Ionic File 对象构造函数输出格式错误的实例
在新的 Angular 4 项目上,可以从其构造函数创建一个简单的文本 File 对象: const textfile = new File(['abcd'], 'text.txt') 控制台.log(文本文件) 检查控制台输出...
ionic 3 从相机上传图像不使用文件、文件传输、文件上传插件
我想使用 FormData 将图像上传到后端,但由于 Ionic DEVAPP 和 Ionic VIEW 不支持文件、文件传输和文件上传插件,我需要仅使用 Angular Ht 来完成此操作。 .