Ionic 输入法显示【搜索】按钮
llh 2016/09/28 2,608 1
有3点需要注意的是: 1、input 的 type 设置为:search; 2、必须使用 form 把 input 包裹; 3、form 必须设置属性 action。 <form action=”” ng-submit=”search …
llh 2016/09/28 2,608 1
有3点需要注意的是: 1、input 的 type 设置为:search; 2、必须使用 form 把 input 包裹; 3、form 必须设置属性 action。 <form action=”” ng-submit=”search …
llh 2016/08/26 2,461 0
Github: https://github.com/kamilkp/angular-sortable-view 演示: http://kamilkp.github.io/angular-sortable-view/#?tab=3 Gith …
llh 2016/08/25 2,096 0
用于触屏给元素重新排序时的 ion-content 里有滚动条出现,影响效果。 使用如下语句禁止页面滚动: $ionicScrollDelegate.freezeScroll(true); 禁止解除: $ionicScrollDelegat …
llh 2016/08/18 2,325 0
解决办法很简单,把需要浮动( position: fixed;)的元素放到 <ion-content>…</ion-content> 以外即可。 如果把浮动元素放在 ion-content 里,fixed …
llh 2016/08/17 1,657 0
在一些特定的页面里,例如 搜索页面或产品详细页,我们可能不需要底部的选项卡,那么应该如何隐藏它呢? 一开始我的做法是: <ion-view hide-tabs> …… </ion-view> …
llh 2016/07/26 2,144 0
有一些页面我们是需要参数的,例如产品页就可能需要产品 id 什么的信息等。一般情况下我们可以在 url 链接后边直接加入参数,例如(参数“:proId”): <a ng-repeat=”pro in pros” href=”#/tab …
llh 2016/07/07 2,343 0
ionicView 生命周期相关事件的调用,对于我们处理一些当页面切换需要实现的效果十分有用。 在 ionicView 对应的 controller 里使用 $scope.$on(‘$ionicView.enter‘ …
llh 2016/07/06 1,878 0
使用循环 ng-repeat 的时候报如下错误: Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use ‘track by’ ex …
llh 2016/07/05 1,904 0
AngularJS ng-class 指令的值可以是字符串,对象,或一个数组。 使用方法: 1、如果是字符串,多个类名使用空格分隔。 <div ng-class=”class1 class2″>̷ …
llh 2016/07/04 2,411 0
首先,你需要下载一个 SCSS 文件的编译软件,这里使用的是 Koala。 接着当然是使用 Koala 关联我们的文件:根目录/scss/ionic.app.scss,修改后生成的 ionic.app.css 文件默认是在同目录下。 然后需 …
llh 2016/07/01 2,434 0
整合 Ionic 和 WordPress,我们使用 WP Rest API 来进行数据操作,而 WP Rest API (v2版本)获取文章数据的路径是: 你的网站域名/wp-json/wp/v2/comments?post=1&p …
llh 2016/06/27 2,994 4
当我们对 Ionic 进行多语言设置后,就要对各个部分的语言进行手动翻译工作。之前讲的翻译主要针对 .html 里的字符串,而事实上,有不少字符串是在我们的 js 加入的,例如控制器 controller 里边添加的(多见于弹出框、确认框、 …
llh 2016/06/23 2,860 0
之前介绍了如何在 Ionic 里使用 Swiper JS 插件来更好的展示 Slider,详见: Ionic 中使用 Swiper.js 实现导航标题栏Slider滑动效果 事实上,在 Ionic 1 最新的版本包括 Ionic 1.3.1 …
llh 2016/06/14 4,695 0
现在互联网产品越来越国际化了,给项目添加英文或其他语言的切换功能相当有必要,在 Ionic 下实现不同语言切换功能,以下一步步来教你实现。 首先,打开 cmd 命令行界面并进入项目目录,通过命令安装 angular 插件: bower in …
llh 2016/06/08 3,996 0
如果习惯了使用 jQuery,一开始使用 AngularJS 肯定有很多不习惯,特别是要写原生的 Javascript 代码来实现各种功能的时候。 如何把 jQuery 也在 Ionic 使用?首先,导入 jQuery 库的时候要把它放在 …
llh 2016/06/07 4,387 0
一般情况下,<ion-nav-bar class=”bar-positive”></ion-nav-bar> 会放在 index.html 里,这样其他的页面也会显示头部。如果我们想特定的页面 …
llh 2016/06/05 4,123 0
无论是Web网页端还是移动端,有一个我们超高频率使用到的功能,那就是图片滑动,我们称之为 Slider。在 Ionic 中,有个自带的 ion-slide-box 可以供我们使用,不过它使用的形式有限,或者说过于简单,不能完全满足我们对页面 …
llh 2016/05/31 3,878 0
有时我们会用到类似 slider 的 js 插件来美化界面,然而,slider 的初始化前,需要用到的html渲染完毕才能起作用。这个时候我们需要做的就是在 slide 渲染完毕后再初始化 slider 脚本,使得 slider 正常工作。 …
llh 2016/05/30 3,431 0
默认情况下,Side Menus 是关闭状态的,向左或向右滑动的时候才显示。然而,我们可以通过设置 expose-aside-when 这个属性来控制侧边栏在指定的分辨率屏幕下默认打开。 例如 Side Menus 我们可以这么写: < …
llh 2016/05/29 3,545 0
一开始给 ion-side-menu 添加自定义页面的链接 ion-item 的时候, 点击 ion-item 虽然页面有切换,但是 side menu 却没有关闭,还以为自定义的页面需要继承 tab 才可以点击的时候触发关闭 side …
llh 2016/05/27 3,591 0
所有的应用都有一个 $rootScope,它可以作用在 ng-app 指令包含的所有 HTML 元素中。 $rootScope 可作用于整个应用中。是各个 controller 中 scope 的桥梁。用 rootscope 定义的值,可以 …