javascript - AngularJS-这是编写指令的正确方法吗？

我试图声明一个指令，这显然是正确的，但是当我在html中加载它时，什么也没有发生。

这是代码：

(function() {
    'use strict';

    var app = angular
        .module('App');

    app.directive('directiveFunction', directiveFunction);

    function directiveFunction(){
        return {
            restrict: 'EA',
            replace: true,
            template: '<div>Example</div>',
            controller: directiveController,
            controllerAs: 'example',
            bindToController: true,
            link: linkFunction
        }
    }

    linkFunction.$inject = ['$scope', 'elem', 'attrs', 'ctrl'];

    function linkFunction(scope, element, attrs, ctrl) {}

    function directiveController() {
        var example = this;
    }

})();

我在html中将其称为<directive-function></directive-function>，但是它什么也没做。

最佳答案

我为您制作了一个小提琴。您做得很好，我认为您的使用方式就像

https://jsbin.com/koporel/edit?html,js,output

<directiveFunction></directiveFunction>

不，在大小写变化时使用-，例如

<directive-function></directive-function>