錯誤當div的顏色和角度

http://codepen.io/Feners4/pen/KggAwg 錯誤當div的顏色和角度

我一直試圖讓這個立方體我創造，使之改變與角鼠標懸停顏色。出於測試目的，我開始改變立方體側面的顏色。不過，我不斷收到控制檯上的錯誤：

Error: $injector:modulerr Module Error

我的HTML是：

<header> 
     Angularity 
    </header> 

    <h1>hjskl</hi> 

    <body> 
     <div class="container" ng-controller="AppCtrl"> 
       </div> 
     </header> 
    <div class="wrap"> 
     <div class="cube"> 
      <div ng-app="App" class="front" change-background colorcode=¨#FE0883¨></div> 
      <div class="back"></div> 
      <div class="top"></div> 
      <div class="bottom"></div> 
      <div class="left"></div> 
      <div class="right"></div> 
     </div> 
    </div>

我的JS是：

angular.module('App', ['appf']) 
    .directive('changeBackground', ['$animate', function($animate) { 
    return { 
     restrict: 'EA', 
     scope: { 
     colorcode: '@?' 
     }, 
     link: function($scope, element, attr) { 
     element.on('mouseenter', function() { 
      element.addClass('change-color'); 
      element.css('background-color', $scope.colorcode); 
     }); 
     element.on('mouseleave', function() { 
      element.removeClass('change-color'); 
      element.css('background-color', '#fff'); 
     }); 
     } 
    }; 
    }])

如何解決在我的代碼這個錯誤？它是否與我的HTML中的ng-app的位置有關？

來源

2016-10-12 feners

爲什麼不只是普通的css：hover – Darkrum

我想用Angular做這個，所以我可以學習如何通過它來做這種事情.. @Darkrum – feners

你有這個模塊嗎？'appf''？ –

更改

angular.module('App', ['appf'])

到

angular.module('App', [])

似乎工作。 'appf'似乎是模塊找不到的依賴項。

來源

2016-10-12 22:44:42 mrogers

這工作謝謝！ – feners

錯誤當div的顏色和角度

回答

相關問題