ng-click 按鈕變換簡單教學 -- AngularJS
以下是ng-click 按鈕變換的code
有興趣的可以直接看Result的部份,然後點選edit按鈕後他會變成done的按鈕,反之點選done會變成edit。
利用AngularJS可以很快就完成這件事,請點選HTML來看一下
code怎麼寫。
這邊只會用到AngularJS的ng-click和ng-show的指令來完成。
1. ng-click : 這邊的用途是當使用者點下span這個標籤後會將showDelete這個變數等於 !showDelete
2. ng-show : 只要expression是"ture"的話就會將DOM給顯示出來
(http://docs.angularjs.org/api/ng.directive:ngShow)
有興趣的可以直接看Result的部份,然後點選edit按鈕後他會變成done的按鈕,反之點選done會變成edit。
利用AngularJS可以很快就完成這件事,請點選HTML來看一下
code怎麼寫。
這邊只會用到AngularJS的ng-click和ng-show的指令來完成。
1. ng-click : 這邊的用途是當使用者點下span這個標籤後會將showDelete這個變數等於 !showDelete
2. ng-show : 只要expression是"ture"的話就會將DOM給顯示出來
(http://docs.angularjs.org/api/ng.directive:ngShow)
Check out this Pen!
留言