angularjs - 新しいスコープを作成せずに変数をディレクティブ テンプレートに渡す

Question

新しいスコープを作成せずに、属性を使用して変数をディレクティブに渡す方法はありますか?

HTML

<div ng-click='back()' button='go back'></div>

JS

.directive('button', function () {
    return {
        scope: {
            button: '@'
        },
        template: "<div><div another-directive></div>{{button}}</div>",
        replace: true
    }
})

問題は、ng-click='back()'がディレクティブ スコープを参照するようになったことです。まだできますng-click='$parent.back()'が、それは私が望むものではありません。