angularjs - ディレクティブ テンプレートの属性名の混乱

Question

次の角度ディレクティブ定義を使用しようとすると:

module.directive('test', function() {
    return {
        restrict: "E",
        transclude: true,
        replace: true,
        scope: {
            'title': '@'
        },
        template: '<div data-title="{{title}}" ng-transclude></div>',
        require: "?ngModel"
    }
}

次のhtmlで：

<test title='test title'></test>

{{title}} は、予想どおり「テスト タイトル」に置き換えられません。data-title 以外の属性名を使用すると、ディレクティブは期待どおりに機能します。たとえば、data-title の代わりに datatitle を使用すると、{{title}} が正しく置き換えられます。何らかの方法で data-title をエスケープする必要がありますか? ここで何が起こっているか知っている人はいますか？

Answer 1

これは、Angular の以降のバージョンで修正されました。1.0.8 から 1.1.5 にアップグレードしたところ、問題はなくなりました。