простая функция angularjs не работает

0

Просто попробуйте изменить цвет фона на основе того, что пользователь нажимает.

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');">

1 ответ

2

Выражение ng-click недопустимо. Цвет должен быть строкой.

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

Также я рекомендую вам взглянуть на директиву ng-style.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню