
Ionic
花开花又谢
专注移动开发技术
展开
-
更改Ionic在ios中键盘上方done为完成
在xcode中打开项目修改xcode中项目info---->Localization native development region中的English为China原创 2016-07-28 13:22:12 · 3938 阅读 · 0 评论 -
Ionic 相册(可放大缩小图片)
在ionic中使用ion-slide-box—ion-slide—ion-scroll三者结合,创建一个可以放大缩小查看图片的图片浏览器。 第一步:创建视图页面<ion-view view-title="图片浏览器"> <ion-content><ul> <li ng-repeat="image in images track by $index"> <img ng-src="{原创 2016-09-05 11:33:44 · 4063 阅读 · 3 评论 -
AngularJS input自动聚焦
当我们在使用ionic进行开发的时候,使用angularjs中的ng-focus指令并没有效果。比如当我们在需要点击某个按钮然后弹出输入框,并且需要自动聚焦到这个输入框的时候。如果使用angularjs的ng-focus指令,这样是没有任何效果的。这时候就需要我们重新封装focus指令。.directive('eventFocus', function(focus) { ret原创 2016-09-02 09:52:13 · 10594 阅读 · 1 评论 -
Ionic 顶部贴附效果的实现
当我们在实际应用开发中会遇到这样的一个问题:在我们进行页面滚动的时候需要将页面顶部或者页面中部的筛选栏不会随着内容的滚动而消失,而是当筛选栏的位置到达顶部的时候就固定在顶部,这样即使页面内容滚动到了底部,我们依旧可以点击处于页面顶部或中部的筛选栏进行筛选。为了解决这样的问题,我们可以采用ion-affix的方法对它进行贴附。首先我们需要在index.html中引入script src="h原创 2016-09-03 11:16:00 · 3804 阅读 · 1 评论 -
ionic.bundle.js:25642 Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
在ionic1中运行项目的时候遇到:ionic.bundle.js:25642 Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!Watchers fired in the last 5 iterations: []检查路由发现将 $urlRouterProvider.otherwise('/home'); 中原创 2016-12-08 13:29:04 · 5804 阅读 · 1 评论 -
Ionic2像使用字体图标一样使用png图标等
在前面写了一篇文章是关于在ionic中使用iconfont的,但是在实际的开发过程中会发现,前端设计的很多图标都是png或者jpg的,无法像使用字体图标一样进行使用。 但是我们一般使用png这样的图标的时候都是使用img标签或者是某标签给它加上background-image的方式。 如果我们想要像使用字体图标那样使用png图标我们可以按照下面的方式操作。比如我们要自定义一个load图标 先在原创 2017-08-09 11:10:13 · 973 阅读 · 2 评论 -
Ionic3 透明导航栏、渐变导航栏
在ionic中实现透明导航栏非常简单,主要用到三个属性:1、no-border2、transparent3、fullscreen先来看看效果图: 实现代码:<ion-header no-border>//加入no-border让header无边框 <ion-navbar transparent>//加入transparent让header透明 <ion-title>原创 2017-10-10 09:59:33 · 5569 阅读 · 1 评论 -
ionic3 从UIWebView升级到WKWebView(翻译)
在iOS中,现在已经有两个网页浏览器,UIWebView和WKWebView。Ionic应用程序已经在历史版本中使用UIWebView,但之后不再使用。 Ionic现在在构建iOS时默认使用WKWebview。我们坚信,WKWebview是任何应用程序的最佳选择,因为它具有对旧版本的Webview(UIWebView)的许多改进。 这些功能包括:JIT将JS代码转换为机器代码,运行速度更快改善了翻译 2017-10-19 09:49:56 · 4680 阅读 · 0 评论