javascript - Angular JS - 有没有办法将指令的属性传递给模板

Question

在页面上

<rn-text-edit rn-scope="profile.first_name"></rn-text-edit>

关于js

app.directive("rnTextEdit", function () {
    return {
        restrict: 'E',
        replace: true,
        template:'<span>{{'+rn-scope+'}}</span>'
    }
});

我知道我可以替换 DOM 并通过链接访问属性。我想知道是否有一种方法可以将指令的属性传递给模板。

Answer 1

如果您只是显示值:

<rn-text-edit rn-scope="{{profile.first_name}}"></rn-text-edit>

-

app.directive("rnTextEdit", function () {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            rnScope: '@'
        },
        template: '<span>{{rnScope}}</span>'
    }
});

如果指令需要修改值，您可以使用 '=' 并跳过双 curl 。

fiddle

有关范围和 '@' 的更多信息，请参见 Angular Directives page