2016-07-02 5 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-style指令をご覧ください。

関連する問題