Как составить скомпилированный шаблон в angularjs

Question

Я хочу быть в состоянии иметь вторую директиву телефон скомпилированный, чтобы предупредить, как я должен это сделать

<div ng-app="website"> 
    <div ng-controller="MyController">  
     <div phonebook="phone"> PhoneBook</div> 
    </div> 
</div> 

http://jsfiddle.net/x3azn/GzsQJ/3/

Answer 1

Вам не нужно компиляции в phone директивы, и я считаю, что ограничение является чувствительным к регистру:

http://jsfiddle.net/GzsQJ/4/

.directive('phone', function(){ 
    return { 
     //HERE IS THE PROBLEM, THIS DIRECTIVE DOES NOT COMPILE 
     restrict: 'AC', 
     link: function(s,e,a){ 
      e.bind('click', function(){ 
       alert('clicked'); 
      }) 

     } 
    } 
}); 

Кроме того, я добавил директиву шаблона телефонной книги:

var template = '<div ng-class="{phone: number}" phone>Phone</div>'; 
// or '<div class="phone">Phone</div>' 

я не уверен, что будет работать в ngclass директивы, но выше демо делает работу.