当页面上有2个指令时,第2个角度指令空白

时间:2015-07-30 22:50:26

标签: angularjs angularjs-directive

我创建了2个指令:

module WU_Tombstones.core.directives {
    export function publicOffersList(): ng.IDirective {
        return {
            restrict: 'E',
            transclude: true,
            scope: {},
            controller: WU_Tombstones.controllers.publicOffersController,
            controllerAs: 'offersCtl',
            templateUrl: '/desktopmodules/lrsweb/wu_tombstones/app/publicOffers/publicOffers.html',
            replace: false
        }
    }
    export function advisoryTransactionsList(): ng.IDirective {
        return {
            restrict: 'E',
            transclude: true,
            scope: {},
            controller: WU_Tombstones.controllers.advisoryTransactionsController,
            controllerAs: 'transCtl',
            templateUrl: '/desktopmodules/lrsweb/wu_tombstones/app/advisoryTransactions/advisoryTransactions.html',
            replace: false
        }
    } 
} 

在我的HTML中我只是有这两个元素:

<div ng-app="WU_Tombstones">
    <public-offers-list id="offersList"></public-offers-list>
    <advisory-transactions-list id="advTransList"></advisory-transactions-list>
</div>

第二个指令永远不会加载......它只是空白。如果我删除了第一个,那么第二个就可以了。

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

我不熟悉Angular 2语法,但我会检查控制台中的错误,可能会丢失;在指令声明之间。

答案 1 :(得分:0)

这是愚蠢的。这些指令在DNN模块中,我试图做的是将这些指令添加为2个不同的模块,所以问题是在第二个模块在页面上之前JS正在注册,所以它没有被触发。