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


Check out this Pen!

留言

熱門文章