如何在自定義模塊中注冊指令

Question

我已經創建了一個指令但是從未執行.directive代碼。 我確定這個問題很明顯，但我看不出來：

<!DOCTYPE html>
<html lang="en-US">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>

<div ng-app="app">

  <responsive-parent>xxx</responsive-parent>

</div>

<script>
angular.module("mrpmorris.responsive-parent", [])
    .directive("responsive-parent", [
    "$window", "$timeout",
    function ($window, $timeout) {
        console.log("**** THIS IS NEVER REACHED ****");
        return new mrpmorris.responsiveParent.Directive($window, $timeout);
    }
]);

var mrpmorris;
(function (mrpmorris) {
    var responsiveParent;
    (function (responsiveParent) {
        var Directive = (function () {
            function Directive($window, $timeout) {
                var _this = this;
                this.$window = $window;
                this.$timeout = $timeout;
                this.restrict = "E";
                this.template = "<h1>It works</h1>";
                this.replace = true;
            }
            return Directive;
        }());
        responsiveParent.Directive = Directive;
    })(responsiveParent = mrpmorris.responsiveParent || (mrpmorris.responsiveParent = {}));
})(mrpmorris || (mrpmorris = {}));



    angular.module("app", ["mrpmorris.responsive-parent"]);
</script>

</body>
</html>

Answer 1

該指令應命名為responsiveParent ，而不是responsive-parent 。

不過，它仍然會在視圖中使用responsive-parent 。

這些都在文檔中解釋。

如何在自定義模塊中注冊指令

問題描述

1 個解決方案

解決方案1
3 已采納 2016-06-26 11:46:44

如何在自定義模塊中注冊指令

問題描述

1 個解決方案

解決方案1 3 已采納 2016-06-26 11:46:44

解決方案1
3 已采納 2016-06-26 11:46:44