指令模板属性名称混淆

时间:2013-10-08 16:05:54

标签: angularjs angularjs-directive

当我尝试使用以下角度指令定义时:

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}}会被正确替换。我是否需要以某种方式逃避数据标题?有人知道这里发生了什么吗?

1 个答案:

答案 0 :(得分:0)

这是在更高版本的角度中修复的。我从1.0.8升级到1.1.5,问题就消失了。