Question

我一直在尝试获取我创建的这个立方体，并使用Angular鼠标悬停时更改颜色。出于测试目的，我开始改变立方体侧面的颜色。但是，我一直在控制台上收到此错误：

错误：$ injector：modulerr模块错误

我的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放置有关？

Answer 1

更改

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

到

angular.module('App', [])

似乎有效。＆＃39; APPF＆＃39;似乎是模块无法找到的依赖项。

在悬停和角度上更改div颜色时出错

1 个答案: