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>