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>'
    }
});

ディレクティブで値を変更する必要がある場合は'='、ダブル カールを使用してスキップできます。

フィドル

スコープの詳細と'@'Angularディレクティブ ページ