Javascript 未调用AngularJs自定义指令

我对AngularJs是新手。我正在尝试调用自定义指令，但未被调用

{{ctrl.test}

我的javascript文件如下所示：

var-app=angular.module（'app'，[]）；
app.controller（'MyController'，[function（））{
var self=这个；
自我测试=‘否’；
}]);
app.directive（'testingDirective'，function（）{
返回{
限制：'AE'，
替换：正确，
模板：'Hello World Test'
};
});指令：

app.directive('testingDirective',function(){});

HTML用法：

<testing-directive></testing-directive>


指令：

app.directive('testingDirective',function(){});

HTML用法：

<testing-directive></testing-directive>

必须使用连字符调用驼峰大小写的指令名称。例如，如果您有一个名为
myDirective
的指令，您将在标记中使用它，因为必须使用连字符调用以驼峰大小写的指令名。例如，如果您有一个名为
myDirective
的指令，您将在标记中使用它作为