【AngularJS學習筆記】ng-click與ng-if實現按鈕切換功能

效果

實現

先寫出三個按鈕,並使用ng-click綁定事件,當使用者點擊button就會觸發ng-click的事件。

給定三個區域,每個區域加上ng-if屬性,並設置current變數:

由以上程式碼可知,我們需要一個setCurrent(param) 的function以及 current 變數。

我們先將current變數預設為1 (當使用者進入該頁面默認顯示第一個按鈕的內容),並加入setCurrent方法,傳入的值為param,根據不同按鈕傳入的值不同來切換變數current的值:

:別忘記綁定ng-app和ng-controller。

最後更新時間:

相關文章

發表留言