我的博客
不知不觉毕业快一年,也由大叔向下鲜肉转变,自己自学Android刚开始是Google和StackOverFlaw上总能找到解决方法,现在,这些上面都很难找到我想要的答案了。
这个博客相当于我填坑的记录吧
不能说我做得多么牛逼,只是证明我做过哪些东西,填过哪些坑,为以后留下一些回忆
不知不觉毕业快一年,也由大叔向下鲜肉转变,自己自学Android刚开始是Google和StackOverFlaw上总能找到解决方法,现在,这些上面都很难找到我想要的答案了。
这个博客相当于我填坑的记录吧
不能说我做得多么牛逼,只是证明我做过哪些东西,填过哪些坑,为以后留下一些回忆
实际的环境是文件路径保存的,还好小伙伴发现的这个问题,摸摸哒。
应该以#号后面的字段来判定是否属于子级页面
2017.01.19
1 | directive('hideTabs', function($rootScope) { |
问题描述:
Ionic 中ion-slides ion-slide-pages 内嵌 ion-infinite-scroll,在切换页面时不起作用,在底部留白。
原因分析:
主页代码如下1
2
3
4
5
6
7
8
9<ion-content scroll="false" class="has-header has-footer">
<ion-slides slider="slider" ion-slides-tabs
slide-tabs-scrollable="true" options="{initialSlide:0}">
<ion-slide-page ng-repeat="item in items track by $index"
ion-slide-tab-label="{{item.name}}">
<pages data="item"></pages>
</ion-slide-page>
</ion-slides>
</ion-content>
ng-repeat 是否重新渲染dom,是根据一个key来判断的
我们常常直接使用$index采用,$index是从0开始自动增加11
2
3
4<div ng-repeat="item in items truck by $index">
<p>{{item.name}}</p>
<p ng-if="item.isShowAge">{{item.age}}</p>
<div>
最近需要实现一个横向固定高度,但是宽不固定,并且一行当超过宽度自动换行的效果
主要运用flexwrap这个属性
思想:
设置最小宽度+flexwrap:wrap实现
CSS1
2
3
4
5
6
7
8
9
10
11.menu ul{
display: flex;
flex-wrap:wrap;
padding: 0; margin: 0;/*height:30px;overflow:hidden;*/
}
.menu li{
min-width: 25%;
margin: 0;
line-height: 30px; font-size: 14px;
text-align:center;
}
解决方法1
2
3
4
5<ion-infinite-scroll
on-infinite="loadMore()"
immediate-check="false" <!--第一次不马上检查-->
distance="1%">
</ion-infinite-scroll>