文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    ionic中的$inoicPopover

    ionic中的浮动框$ionicPopover 用ionic也有一段时间了，今天说一下它里面提供的一个小组件：浮动框 浮动框的使用在移动端的项目中已经很少了，只有在少数的一些特殊情况下才会出现。...所以官方文档中对于$ionicPopover的介绍也是非常少。...在这里我们简单说一下浮动框的使用方式，仅供大家参考 浮动框的初始化 在控制器中注入$ionicPopover服务，通过如下的代码进行浮动框初始化 var app = angular.module("myApp...", ["ionic"]); app.controller("myCtrl", function($scope, $ionicPopover) { $ ionicPopover.fromTemplateUrl...fromTemplateUrl()函数中，指定了调用的模板页面template/template.html，这里在编辑浮动框内嵌模板页面的时候一定要注意使用ion-popover-view来进行内容的包含

    87040

    【技巧】ionic3的手势Gestures

    临睡前写点东西，时间有限，又是一篇简单的文章，是关于手势的，因为白天有人问到。 手势Gestures，ionic官网上的文档描述非常简单，就下面一段就没了，估计很多人看完直接就懵了：只有6个事件吗？...手势.png 我粗略搜索了ionic关于手势事件的文章，像pressup等内容的，居然没有，orz……ionic常常使用流行的库来补充自身，像slide组件就是封装了swiper，而手势是使用了另一个有名的库...所以我们通过了解HammerJS就可以知道ionic3的手势事件——其实是6种，我简单列一下分类及其下事件： 一、pan——平移 ? pan.png 最小平移距离为10px，才会识别为pan....pinch.png 最少需要两个手指的操作，才会识别为pinch pinch pinchstart pinchmove pinchend pinchcancel pinchin pinchout...tap.png 多次tap间隔为300ms，用以区分是不是双击或其它，最大按下时间为250ms，用以区分press或其它 tap 上述事件在ionic中普通使用即可，具体事件参数通过$event获取

    1K30

    【技巧】ionic3的小彩蛋

    ionic里面有不少彩蛋——就是官网没有说明，但是可以用的，因为一段时间没用ionic做项目，所以一时想不起来，先列几个： 一、众所周知的 软键盘出现搜索按钮 form标签包含ion-searchbar...解决非交互组件的点击延时 这类组件也是可以响应点击事件的，只是因为要判断是否有后续响应（如判断是否双击），会有几百ms的延时，这时加上tappable即可 二、较为隐藏的 输入框内容支持复制黏贴...我们只要取现有样式名，换掉后缀，并添加即可，如ios平台ion-checkbox会生成checkbox-ios样式，一般只需给该控件加上checkbox-md类名即可变成android风格，因为它一般会覆盖原来的平台的样式...更合理的是移除原来平台类名，再添加新平台类名）。...三个事件的，只是官方文档没有写…… textarea指定行数 使用官方的ion-textarea时，使用rows属性指令，如： <ion-textarea placeholder="说点什么吧

    97450

    【开发指南】（一）Ionic3开发环境配置常规ionic的环境搭建如下：

    常规ionic的环境搭建如下： 一、安装nvm——可选，中文意思是“node版本管理器” node是ionic必要的环境，而node个别版本差别有点大，如6.x和9.x，ionic...install -g ionic 注意：很多时候，很多人以为这样安装了ionic，就是安装了ionic的核心框架，其实不是，把ionic-cli和ionic-angular混为一谈了，这里装的是...ionic-cli，是为了便于我们开发编译部署ionic项目的命令行，而ionic-angular其实才是我们常说的ionic框架，每次修复bug、更新功能指的就是它，在package.json里可以查看版本和相关依赖...两者的版本并不是一致，有时候ionic-angular更新了多个版本，而ionic-cli不需要更新，而ionic-cli一般是bug修复、提高命令执行的性能，或调整ionic项目结构时才需要更新。...---- 当上述完成，你就可以进入ionic的寻坑之旅了。

    2.8K30

    使用Ionic React实现的无限滚动效果

    什么是 Ionic React？ Ionic 是一个高级的 HTML5 移动端应用框架，也是一个开发混合移动应用的前端框架，旨在让 Web 开发者更轻松地构建、测试、部署和监控跨平台应用。...Ionic React 是今年新出的版本 官网 https://ionicframework.com/docs/react 开始之前 在我们创建一个无限滚动项目之前，我们需要一个 Ionic...tabs --type react 正式开始 Ionic 中用于创建新应用的入门工具包中包括三个标签，三个页面。...所以，在使用的过程中，很有可能会有重复的“狗狗”。 加载初始数据 Ionic 提供了我们可以在应用程序中使用的多个生命周期事件，它不仅为标准组件库提供了这类事件，也同样为功能组件提供了类似事件。.../infiniteScroll/blob/master/src/pages/Tab1.tsx 运行 使用命令 ionic serve 来启动我们的项目。

    4.2K60

    ionic打包遇到的问题与解决的方法 原

    2、安装cordova   npm install -g cordova@5.4.1 3、安装安卓平台  ionic platform add android, 会安装android 24 的平台，我是在...Ionic Lab 中安装的，是安装android 22 平台，因为我的SDK是下载的Android 5.1.1 (API22),在android SDK Manager 可以下载其它的版本 在安装的过程中可能会出现.../distributions/gradle-2.14.1-all.zip 把下载好的gradle-2.14.1-all.zip 放进E:\ionic\ionicdemo2\platforms\android.../gradle-2.14.1-all.zip'; 因为我用的imagePicker插件继续安装这个插件 4、命令ionic plugin add cordova-plugin-image-picker...回车 等待安装，安装时间比较长 5、ionic build android  网上看到很有可能是因为你的Gradle的工具会去下载platforms/android/cordova和CordovaLib

    1.8K30

    ionic 中 cordova-plugin-inappbrowser组件的使用

    前言 在上一篇文章中（使用Ionic3创建原生app系统入门）介绍了如何使用ionic构建一个Android app 项目,并生成apk安装包。...ionic3中开发，基本和angular开发类似，只要了解一点angular开发知识便可以很容易上手。 简单介绍下 主要的开发工作就是在pages文件夹下，看名字也知道是什么意思了。...每个页面是一个独立的模块。文件名称不要重复，编译时会报错。 ? 项目结构 cordova-plugin-inappbrowser组件使用 这个组件看名字，大致应该知道是调用app内置浏览器的。...在我们的app中要嵌入第三方应用的时候需要使用。 在这个例子中，我要实现的便是个人介绍页面，链接到对应相关的第三方博客中。...官方 https://ionicframework.com/docs/native/in-app-browser/ 安装cordova-plugin-inappbrowser ionic cordova

    2.9K20

    构建具有用户身份认证的 Ionic 应用

    另外，使用 npm 安装 Ionic starter 模板可能会有安装失败的情况，建议不要在这方面浪费太多时间，可以直接在 Ionic 的 GitHub 仓库 中下载 starter 模板。...Ionic 是一个用于开发原生及先进 web 应用的开源的移动端 SDK。...如果你需要开发原生功能，使用 web 技术是无法实现的，但是有些原生插件可以实现。 Ionic Native 是这些插件的精选集。 我第一次使用 Ionic 是在 2013 年底。...我喜欢使用 Ionic，我发现使用 Ionic 移植现有的应用程序更多的就是修改 HTML 和调整 CSS。 Ionic 2 在 一月份发布， 可以使用 Angular 开发 Ionic 应用。...了解更多 我希望你喜欢这篇关于 Ionic、Angular 及 Okta 的教程。我喜欢 Ionic 是因为它可以将你的 web 开发技能提升一个档次，并且它可以快速创建仿原生的移动应用。

    28.5K00

    构建具有用户身份认证的 Ionic 应用

    另外，使用 npm 安装 Ionic starter 模板可能会有安装失败的情况，建议不要在这方面浪费太多时间，可以直接在 Ionic 的 GitHub 仓库 中下载 starter 模板。...Ionic 是一个用于开发原生及先进 web 应用的开源的移动端 SDK。...如果你需要开发原生功能，使用 web 技术是无法实现的，但是有些原生插件可以实现。 Ionic Native 是这些插件的精选集。 我第一次使用 Ionic 是在 2013 年底。...我喜欢使用 Ionic，我发现使用 Ionic 移植现有的应用程序更多的就是修改 HTML 和调整 CSS。 Ionic 2 在 一月份发布， 可以使用 Angular 开发 Ionic 应用。...了解更多 我希望你喜欢这篇关于 Ionic、Angular 及 Okta 的教程。我喜欢 Ionic 是因为它可以将你的 web 开发技能提升一个档次，并且它可以快速创建仿原生的移动应用。

    27.7K50

    javascript 拟合 math

    准备工作在开始之前，我们需要引入一个用于数学计算的库。在JavaScript中，有许多库可以帮助我们进行数学函数的拟合，其中比较流行的库包括mathjs和regression-js等。...使用mathjs进行拟合接下来，我们使用mathjs库来进行拟合操作。我们将使用mathjs中的regression模块来实现多项式拟合。...在下面的示例中，我们将展示如何使用JavaScript中的mathjs库进行简单的线性回归拟合，以模拟商品价格随时间的变化。...示例代码javascriptCopy code// 引入mathjs库const math = require('mathjs');// 模拟商品价格随时间的变化数据const data = [ {...最后，我们输出了拟合得到的斜率和截距，并且预测了未来第6个月的商品价格。 通过这样的实际应用示例，我们可以更好地理解JavaScript中拟合数学函数的用途，以及如何利用mathjs库进行拟合操作。

    53210

    ionic莫名其妙的“cordovaplatform_metadata”

    我的Cordova升级到8已经很久了，而且在此环境下原有的项目跑得好好的，所以别人说有问题需要把Corodva降级到7.1或者7.0时，我不置可否。...最近嫌nvm的node版本下的包（路径：~/.nvm/versions/node）和原有node的包冗余，就手动清理了一下，当时也没有发现什么问题，后来想打包到真机时报错了，抛出如下错误： cordova.../platform_metadata 打印： cordova -v 显示的是8.0.0，鉴于我原有项目在Cordova8下正常的，我便想是platform的问题，尝试移除android平台并重新添加...： ionic cordova platform rm andoid ionic cordova platform add android@6.4.0 结果无法移除自然也无法添加，那只好手动删除文件和配置并重新尝试...rm android ionic cordova platform ls ionic cordova platform add android@6.4.0 然后最后一步时，在安装ionic-plugin-keyboard

    97520
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券