templates - angularjs でコンパイル済みのテンプレートをコンパイルする方法

Question

2 番目のディレクティブphoneをアラート用にコンパイルできるようにしたいのですが、どうすればよいですか?

<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が、上記のデモは機能します。