diff --git a/build/Empty/Empty.js b/build/Empty/Empty.js
index 56c9e90..ad0fc68 100644
--- a/build/Empty/Empty.js
+++ b/build/Empty/Empty.js
@@ -1,31 +1,27 @@
 import template from "./Empty.html";
 import style from "antd/lib/empty/style/index.css";
-angular.module("esNgAntd").directive("antdEmpty", function (esNgAntd) {
-    return {
-        controllerAs: "antdEmpty",
-        restrict: "E",
-        transclude: true,
-        replace: true,
-        scope: {
-            image: "@",
-        },
-        template: template,
-        controller: function ($scope, $element, $attrs) {
-            this.getContext = function () {
-                return $scope;
-            };
-
-            $scope.state = {
-                image: $scope.image || "presented_image_default",
-            };
-        },
-        link: function ($scope, $element, $attrs, $controllers, $transclude) {
-            esNgAntd.createStyle("ant-empty", style);
-        },
-    };
-});
+angular.module("esNgAntd").directive("antdEmpty", ["esNgAntd", function (esNgAntd) {
+  return {
+    template: template,
+    restrict: "E",
+    replace: true,
+    transclude: true,
+    scope: {
+      image: "@"
+    },
+    controller: function ($scope, $element) {
+      $scope.state = {
+        image: $scope.image || "presented_image_default"
+      };
+    },
+    link: function ($scope, $element) {
+      esNgAntd.clearAttribute($element[0], ["ng-class", "image"]);
+      esNgAntd.createStyle("ant-empty", style);
+    }
+  };
+}]);
 
 export default {
-    PRESENTED_IMAGE_DEFAULT: "presented_image_default",
-    PRESENTED_IMAGE_SIMPLE: "presented_image_simple",
-};
+  PRESENTED_IMAGE_DEFAULT: "presented_image_default",
+  PRESENTED_IMAGE_SIMPLE: "presented_image_simple"
+};
\ No newline at end of file
diff --git a/dist/ng-antd.js b/dist/ng-antd.js
index 5863f9c..55cd481 100644
--- a/dist/ng-antd.js
+++ b/dist/ng-antd.js
@@ -126,7 +126,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Div
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Empty_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Empty.html */ \"./build/Empty/Empty.html\");\n/* harmony import */ var antd_lib_empty_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/empty/style/index.css */ \"./node_modules/antd/lib/empty/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"antdEmpty\", function (esNgAntd) {\n    return {\n        controllerAs: \"antdEmpty\",\n        restrict: \"E\",\n        transclude: true,\n        replace: true,\n        scope: {\n            image: \"@\",\n        },\n        template: _Empty_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n        controller: function ($scope, $element, $attrs) {\n            this.getContext = function () {\n                return $scope;\n            };\n\n            $scope.state = {\n                image: $scope.image || \"presented_image_default\",\n            };\n        },\n        link: function ($scope, $element, $attrs, $controllers, $transclude) {\n            esNgAntd.createStyle(\"ant-empty\", antd_lib_empty_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n        },\n    };\n});\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n    PRESENTED_IMAGE_DEFAULT: \"presented_image_default\",\n    PRESENTED_IMAGE_SIMPLE: \"presented_image_simple\",\n});\n\n\n//# sourceURL=webpack://ng-antd/./build/Empty/Empty.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Empty_html__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Empty.html */ \"./build/Empty/Empty.html\");\n/* harmony import */ var antd_lib_empty_style_index_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! antd/lib/empty/style/index.css */ \"./node_modules/antd/lib/empty/style/index.css\");\n\n\nangular.module(\"esNgAntd\").directive(\"antdEmpty\", [\"esNgAntd\", function (esNgAntd) {\n  return {\n    template: _Empty_html__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n    restrict: \"E\",\n    replace: true,\n    transclude: true,\n    scope: {\n      image: \"@\"\n    },\n    controller: function ($scope, $element) {\n      $scope.state = {\n        image: $scope.image || \"presented_image_default\"\n      };\n    },\n    link: function ($scope, $element) {\n      esNgAntd.clearAttribute($element[0], [\"ng-class\", \"image\"]);\n      esNgAntd.createStyle(\"ant-empty\", antd_lib_empty_style_index_css__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n    }\n  };\n}]);\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  PRESENTED_IMAGE_DEFAULT: \"presented_image_default\",\n  PRESENTED_IMAGE_SIMPLE: \"presented_image_simple\"\n});\n\n//# sourceURL=webpack://ng-antd/./build/Empty/Empty.js?");
 
 /***/ }),
 
diff --git a/example/empty.html b/example/empty.html
index 7087bc1..23ac52e 100644
--- a/example/empty.html
+++ b/example/empty.html
@@ -15,9 +15,9 @@
     <div ng-app="esNgAntd" ng-controller="mainCtrl">
         <div class="container" style="padding: 50px">
             <div>
-                <es-empty></es-empty>
+                <antd-empty></antd-empty>
 
-                <es-empty image="presented_image_simple"></es-empty>
+                <antd-empty image="presented_image_simple"></antd-empty>
             </div>
             <div>
             </div>
diff --git a/package.json b/package.json
index b3e64f8..5127217 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "devDependencies": {
         "@ant-design/icons-svg": "^4.2.1",
         "antd": "^4.18.2",
-        "beanboom": "^0.9.9",
+        "beanboom": "^0.9.11",
         "css-loader": "^6.5.1",
         "html-loader": "^3.0.1",
         "style-loader": "^3.3.1",
diff --git a/src/Empty/Empty.js b/src/Empty/Empty.js
index bb4856b..15ff3ee 100644
--- a/src/Empty/Empty.js
+++ b/src/Empty/Empty.js
@@ -2,23 +2,27 @@ import template from "./Empty.html";
 import style from "antd/lib/empty/style/index.css";
 
 class Empty {
-    props = {
-        image: String,
-    };
+
+    useModules = ["esNgAntd"];
 
     state = {
         image: this.props.image || "presented_image_default",
     };
 
-    useModules = ["esNgAntd"];
-
-    template = template;
-
-    constructor() {
+    constructor($element) {
+        esNgAntd.clearAttribute($element[0], ["ng-class", "image"])
         esNgAntd.createStyle("ant-empty", style);
     }
+
+    render() {
+        return template;
+    }
 }
 
+Empty.propTypes = {
+    image: PropTypes.string,
+};
+
 export default {
     PRESENTED_IMAGE_DEFAULT: "presented_image_default",
     PRESENTED_IMAGE_SIMPLE: "presented_image_simple",
diff --git a/yarn.lock b/yarn.lock
index 51e2801..3f4997d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1320,10 +1320,10 @@ babel-plugin-polyfill-regenerator@^0.2.3:
   dependencies:
     "@babel/helper-define-polyfill-provider" "^0.2.4"
 
-beanboom@^0.9.9:
-  version "0.9.9"
-  resolved "https://registry.npmmirror.com/beanboom/-/beanboom-0.9.9.tgz#a055a5d404cba9e50ada5862bec0bc7f3ae3d427"
-  integrity sha512-hEkZ2IcEXT50T20OeZiaGUjQwlGTY3vMAqVOfKd/HqRzZIXD05Jv6xeimoW43HnFs5QDOveK5n9kahimURvf3w==
+beanboom@^0.9.11:
+  version "0.9.11"
+  resolved "https://registry.npmmirror.com/beanboom/-/beanboom-0.9.11.tgz#c7fffdde52738464b1771e697e4cb70359667469"
+  integrity sha512-wZFVaCz3p2WscVemcPuh316j8yWTgf78mvNeSrXNPNou1Gj3BPSutj0Z9YQ9XZSal72MbXXmF2opNb7GjZ2kxw==
   dependencies:
     "@babel/core" "^7.12.10"
     "@babel/plugin-proposal-class-properties" "^7.13.0"
--
libgit2 0.21.2