2016-07-02 51 views
0

只是想基礎上,用戶有什麼改變背景顏色點擊次數簡單angularjs功能不能正常工作

HTML:

<body ng-app="myApp" ng-controller="myCtrl" style="width:100%;height:100%;background-color:{{bc}};overflow-x:hidden;padding:0px;border:0px;margin:0;"> 

<div style="width:100%;height:20%;border:2px solid black;" ng-click="sports(FFE648);"> 
    <img src="logo-01.svg" style="border:2px solid black;min-width:60px;min-height:60px;width:100%;height:55%;"/> 
</div> 

控制器:

<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope, $timeout) { 

    $scope.sports=function(colorpick){ 
     $scope.animation="animated4 bounceOutRightCustom"; 
     $scope.animationleft="animated4 bounceOutLeftCustom"; 
     $scope.bc=colorpick; 
     $timeout(function() { 
      $scope.animation=""; 
      $scope.animationleft=""; 
      }, 4100); 
    } 

}); 
</script> 

我不知道什麼是錯...應該是相當簡單的解決方案:(

+2

'ng-click =「sports('#FFE648');」>' –

回答

2

您的ng-click表達式無效。你需要顏色是一個字符串。

ng-click="sports('#FFE648');"> 

另外我建議你看看ng-style指令。