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>

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

1 个答案: