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 以外的属性名称，则该指令将按预期工作。例如，如果我使用 datatitle 而不是 data-title，{{title}} 会被正确替换。我需要以某种方式转义数据标题吗？有人知道这里发生了什么吗？

Answer 1

这已在更高版本的 Angular 中得到修复。我从 1.0.8 升级到 1.1.5，问题就消失了。