問題描述

1.angular怎么實現(xiàn)滑動切換頁面

2.

<ion-slides lass='swiper_page' options='setting.pageSwiperOptions' slider='homePageSlider' does-continue='true'auto-play='false' slide-interval='5000'><ion-slide-page ng-repeat='channel in globalData.navBarChannels'> <ion-content lazy-scroll class=’has-header’ img-parent-box-height='true'><p ng-if='data.narBarChannelIndex == $index'> <!-------------------- 文章列表(二次迭代) -----------------------> <section ng-repeat='article in data.articlesList' ng-click='$event.stopPropagation();action.toArticleDetailPage(article.id)'><!-- 三張小圖 --><p ng-if='article.temp_type == ’3’'> <p class='header one_line_text'>{{article.title || article.summary}}</p> <p class='content'><p class='img_content clearfix'><spanng-repeat='article_image in article.temp_url track by $index'> <img src='/index.html' image-lazy-src='/{{globalAction.imageResize(article_image,’@378w_255h_1e_1c’) || ’img/default/xinshui_small_icon.jpg’}}' lazy-scroll-resize='true' /></span></p> </p> <p class='footer'><ul class='flex_box'> <li ng-click='$event.stopPropagation();action.toBigVDetailPage(article.bigv.id);'><img src='/index.html' ng-src='/{{article.bigv.avatar_url || ’img/default/default_bigv_avatar_img.png’}}' /> </li> <li ng-click='$event.stopPropagation();action.toBigVDetailPage(article.bigv.id);'><p class='one_line_text'>{{article.bigv.realname}}</p> </li> <li ng-click='$event.stopPropagation();action.toBigVDetailPage(article.bigv.id);'><span class='remark_value flex_box'> <var class='list_sub_item remark_value_text'>言值</var> <var class='list_sub_item remark_value_count'>{{article.bigv.speech_weight || ’待’}}</var></span> </li> <li class='list_sub_item'><span ng-if='article.time_show'>{{article.index_time}}</span> </li></ul><!--<p ng-if='article.time_show'>{{article.publish_on}}</p>--> </p></p> </ion-content></ion-slide-page> </ion-slides>

3.每日優(yōu)鮮的首頁截圖效果

4.不知道“每日優(yōu)鮮”使用的是什么，切換很平滑，數(shù)據(jù)加載也很快，加載之后不知道是否使用了本地存儲，關(guān)閉網(wǎng)絡(luò)，滑動切換頁面，頁面內(nèi)容依然存在。

問題解答

回答1：

angular并沒有已經(jīng)寫好的輪子給你用，不過bootstrap ui中有輪播的指令http://angular-ui.github.io/b...另外也可以用swiper

回答2：

有輪子，mark 回去給你發(fā)。

An Add-On directive for the ion-slide-box, that adds tabs to the slide box, known from the Android Material Design specificationhttps://github.com/JKnorr91/i...

This component is wrapper of ionic slidebox. This will contain tabs/icons at the top of the slidebox. Clicking the tabs/icons will trigger the slidebox to go to corresponding page.http://market.ionic.io/plugin...

回答3：

這是用ionic寫的吧，用<ion-slide-page>就可以了