Hybrid Apps開發系列之3.3：按鈕 (Buttons)

Ionic提供許多製作按鈕 (buttons) 外型的CSS  class設定，可參考官網CSS介紹。點選動作則是透過AngularJS指令ng-click來指定回應動作。

表單介面製作：Buttons

button基本製作方式是指定基本的class屬性值button，再指定特定的外觀class值，如下：

<button class="button button-positive">button-positive</button>
<button class="button button-block">button-block </button>
<button class="button button-clear">button-clear</button>
<button class="button button-positive button-outline">button-outline</button>
<button class="button icon-left ion-home">icon button</button>

下圖為上述各種設定結果。

圖1. 按鈕各種css設定。