Javascript 指令未以角度显示

我在typescript文件中有以下指令：

ProjectDirectivs.ts

/// <reference path="../module.ts"/>

module BalancingApp.App.Directives {
    angular.module('balancingApp')
    .directive('wbProject', function() {
        return {
            template: "<p>Projectdetails</p>"
        };
    })
    ;
}

//
模块BalancingApp.App.directions{
角度模块（'balancingApp'）
.directive（'wbProject'，function（）{
返回{
模板：“项目详细信息”
};
})
;
}

当我在项目详细信息页面的模板中调用它时

ProjectDetailPage.html

<ion-view view-title="Projekt Details">
    <ion-content class="padding">
        <h1>Projekt Details</h1>
        <div wbProject>

        </div>
    </ion-content>
</ion-view>

项目详情

它没有效果，标题下面似乎只有空白

我做错什么了吗？如何测试是否实际使用了wbProject指令

如果我编辑typescript文件并插入错误，整个页面将保持在加载阶段，因此该文件似乎得到了实际使用，不会被忽略。

试试这个

 angular.module('balancingApp')
    .directive('wbProject', function() {
        return {
            restrict: 'AE',
            template: "<p>Projectdetails</p>"
        };
    });

angular.module（'balancingApp'））
.directive（'wbProject'，function（）{
返回{
限制：“AE”，
模板：“项目详细信息”
};
});

试试这个

 angular.module('balancingApp')
    .directive('wbProject', function() {
        return {
            restrict: 'AE',
            template: "<p>Projectdetails</p>"
        };
    });

angular.module（'balancingApp'））
.directive（'wbProject'，function（）{
返回{
限制：“AE”，
模板：“项目详细信息”
};
});

Angular将指令名称转换为模板内，因此您应该使用

wb project

而不是模板内的

wbProject

Angular将指令名称转换为模板内，因此，您应该在模板中使用

wb-project

而不是

wb-project

，您应该在模板中使用

wb-project

而不是

wb-project

，这就解决了问题！添加一个问题，我会将其标记为solved您应该在模板中使用

wb-project

而不是

wb-project

，这就解决了它！添加一个问题，我会将其标记为已解决这也行不通。。同样，只有标题可见。这也不起作用。。同样，只有标题可见