指令未以角度显示

Directive not shown in angular

本文关键字：显示 指令      更新时间：2023-09-26

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

项目方向.ts

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

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

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在模板中将指令名称转换为驼色大小写，因此您应该在模板中使用wb-project而不是wbProject

试试这个

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