AngularJS 實現圖片旋轉（CSS）

標籤：style   ar   for   on   html   htm   as   tt   js   

圖片旋轉基於 CSS：transform:rotate(**deg) 實現，Angular 用於動態綁定 deg 數：

controller：(其實可以省略)

$scope.img = {src:"xxx.png", rotate=0};

HTML：

<button ng-click="img.rotate=img.rotate+90">向右轉</button><button ng-click="img.rotate=img.rotate-90">向左轉</button><img ng-src="img.src" style="transform:rotate({{img.rotate}}deg);">

AngularJS 實現圖片旋轉（CSS）