指令未以角度显示

Question

我在打字稿文件中有以下指令：

ProjectDirectivs.ts

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

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

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

ProjectDetailPage.html

public void setupViewPager(ViewPager viewP) {
        ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
        adapter.addFragment(new ProjectPro1(), "proj1");
        adapter.addFragment(projectPro2 = new ProjectPro2(), "proj2");
        viewP.setAdapter(adapter);
    }

它没有任何效果，标题下方似乎只有空白区域。

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

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

Answer 1

Angular将指令名称转换为模板中的camel-case，因此您应该在模板中使用wb-project而不是wbProject

Answer 2

试试这个

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