2018-5-30 seo達(dá)人
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
目前做的項(xiàng)目是ionic3和angular4.0的結(jié)合，所以用到了很多關(guān)于ionic3中封裝好的標(biāo)簽，例如具有輪播效果的ion-slides和ion-slide等。那么這次就要總結(jié)一下另外一個(gè)標(biāo)簽ion-segment的用法了。
Segment 在頭部使用
Segment 在內(nèi)容里面使用
Segment 在表單里面使用
ion-segment這個(gè)標(biāo)簽以前用的很少，幾乎沒(méi)有用過(guò)。它主要是一組按鈕，有時(shí)稱(chēng)為分段控件，之前都是用button按鈕，現(xiàn)在知道了，開(kāi)始用ion-segment，因?yàn)樗凶詭У臉邮剑@樣就可節(jié)省很多時(shí)間，同時(shí)呢允許用戶(hù)與許多控件的緊湊組進(jìn)行交互。 分段提供與標(biāo)簽相似的功能，選擇一個(gè)將取消選擇所有其他選項(xiàng)。 當(dāng)您希望讓用戶(hù)在應(yīng)用程序的不同頁(yè)面之間來(lái)回移動(dòng)時(shí)，應(yīng)使用選項(xiàng)卡欄而不是分段控件。 您可以使用Angular的ngModel或FormBuilder API。
下面來(lái)看一段代碼：
Segment 配合ngSwitch使用
蘋(píng)果顯示，如果要默認(rèn)顯示一個(gè)就把默認(rèn)的那個(gè)設(shè)置一個(gè)初始值比如要默認(rèn)顯示蘋(píng)果就把蘋(píng)果的value值設(shè)置成change也就是說(shuō)，在定義change變量的時(shí)候，需要把哪個(gè)設(shè)置為默認(rèn)顯示就把哪個(gè)的value值賦值給change作為初始值 public change=”pie”;
藍(lán)藍(lán)設(shè)計(jì)( m.sdgs6788.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sdgs6788.com