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