ionic封裝了一組指令用於表單輸入，包括ion-checkbox（核取方塊）,ion-radio（單選框），ion-toggle(開關）。
ionic的複選按鈕與html的複選按鈕並無太多差異，除了樣式美觀以外，它的優點主要在於能夠用ng-model進行繫結，可以用ng-checked方便地控制其是否選中，可以用ng-change監聽其選中狀態執行相應的操作。下面分別是乙個最基礎的例子以及乙個較複雜的例子。
ionic的單選框同樣與html的單選框差異不大，主要是能用ng-model實現與作用域變數的資料繫結，使用ng-value給各個單選按鈕設定對應值。ng-model和ng-value的聯絡是ng-value設定的是單選按鈕選中時對應的邏輯值，ng-model是將變數與該邏輯值進行雙向繫結。
class="scroll-content has-header">
class="item item-divider">
}div>
ng-model="choice"
ng-value="value[0]">蘋果ion-radio>
ng-model="choice"
ng-value="value[1]">荔枝ion-radio>
ng-model="choice"
ng-value="value[2]">雪梨ion-radio>
ng-model="choice"
ng-value="value[3]">西瓜ion-radio>
下面是乙個單選按鈕的簡單例子，要注意的是和上個例子不一樣，由於ng-repeat 建立了新的作用域（repeat多少次就建立了多少個作用域，它們「複製了」父作用域，但不是同個作用域），這個例子中choice必須寫在陣列或物件內，因為只有進行引用複製，子作用域才能成功更新外部作用域中物件或陣列內的值。
在ionic中，使用ion-toggle宣告開關元素，開關作用與核取方塊一致，使用方法基本也一致，下面是乙個最簡單例子。
ionic3 表單輸入元素input的三種事件
1.onblur事件 onblur事件即為失去焦點時觸發的事件，而所謂的焦點就是一閃一閃的游標。而ionic中onblur則為ionblur，具體用法如下 html ts onblur 2.onfocus事件 onfocus事件即為獲取焦點時觸發的事件，而ionic中onblur則為ionfoucs...
表單輸入繫結
可以用 v model 指令在表單 var vm1 new vue 1 單個核取方塊，繫結到布林值 單個核取方塊 new vue 2 多個核取方塊，繫結到同一陣列 jack john mike checked names new vue one twopicked new vue 1 單選 請選擇a...
表單輸入繫結
v model指定可以實現表單值與屬性的雙向繫結。即表單元素中更改了值會自動的更新屬性中的值，屬性中的值更新了會自動更新表單中的值。繫結的屬性和事件 v model在內部為不同的輸入元素使用不同的屬性並丟擲不同的事件 text和textarea元素使用value屬性和input事件。checkbox...