Javascript AngularJs:无法调用子模块中由指令链接的函数？

我的程序未能调用由angulrJS指令链接的函数。以下是我的代码：

“index.html”

“child.html”

当我将鼠标移动到“Hello World”时，不会调用由“myDirective”链接的函数。 谁能给我一些建议吗

---

谢谢，

您的问题在于如何声明指令

当您使用camelCase命名指令时，它将引用连字符属性

改变

<a myDirective > Hello World </a>

---

有错误吗？由于jQlite没有
hover（）
，jQuery是否包含在angular.js之前的页面中？@Donal如果OP可以看到文本，则必须加载模板否？
  <div ng-include="'child.html'"></div>

angular.module('parent-app', [
  'child-app'
])
 .config(function ($stateProvider) {
  $stateProvider
 .state('parent', {
    url: '/',
    templateUrl: 'parent.html',
    controller: 'parentCtrl'
  })
 ;
})
.controller('parentCtrl',function ($scope) {
 });

<div ng-controller="childCtrl">
   <a myDirective > Hello World </a>
<div>

angular.module('child-app', [])
 .controller('childCtrl', function ($scope) {
})

 .directive('myDirective', function() {
 return {
   restrict : 'A',
   link : function($scope, $element) {
     $element.hover(function(){
        alert('get called');

      },
       function(){
      });

   }
 };
 });

<a myDirective > Hello World </a>

<a my-directive > Hello World </a>