AngularJS - 这是写一个指令的正确方法吗？

Question

我试图声明一个指令，它显然是正确的，但是当我在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>但不起任何作用。

Answer 1

我创建了一个捣鼓你..你正在做的都好，我认为你正在使用它像

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

<directiveFunction></directiveFunction> 

没有，使用-那里情况变化，比如

<directive-function></directive-function>