Директива не показано в угловом

Question

У меня есть следующие директивы в файле транскрипта:

ProjectDirectivs.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?

Если я редактирую файл машинописного текста и вставляю ошибки, вся страница сохраняется в стадии загрузки, поэтому кажется, что файл фактически используется и не игнорируется.

Answer 1

Угловые преобразует имя директивы в camel-case в шаблоне, поэтому вы должны использовать wb-project вместо wbProject в шаблоне

Answer 2

Попробуйте

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