Question

我不确定它是否因为我试图在部分内部使用指令但我无法获得一个简单的指令元素点击事件来触发。

HTML：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
         <tabbed-Panel1 class="bottomTabPanel">
             TEST CLICK HERE!
          </tabbed-Panel1>
    </body>
</html>

js：DIRECTIVE

angular.module('directives', ['basemodule'])


  .directive('tabbedPanel1',function() {

        debugger;

        restrict:"E",
        return {

                   link: function(scope, elem, attr) {

                        elem.bind('click', function() {
                           //never gets here!
                           debugger;


                         });
                     }
            };
});

Answer 1

好的，问题的一部分是tabbedPanel1的格式化以用于标记内使用。所以在HTML中它必须是：tabbed-Panel1

点击事件的问题已通过添加：restrict:"E"

解决

从部分不工作调用的指令

1 个答案: