[解決済み] angular.jsでhistory.back()を実装する方法

質問

サイトヘッダーのディレクティブに戻るボタンがあり、クリックすると前のページに戻るようにしたいのですが、どうすればよいですか？angularの方法でこれを行うにはどうしたらよいでしょうか？

試してみました。

<header class="title">
<a class="back" ng-class="icons"><img src="../media/icons/right_circular.png" ng-click="history.back()" /></a>
<h1>{{title}}</h1>
<a href="/home" class="home" ng-class="icons"><img src="../media/icons/53-house.png" /></a>   
</header>

で、これがディレクティブjsです。

myApp.directive('siteHeader', function () {
    return {
        restrict: 'E',
        templateUrl: 'partials/siteHeader.html',
        scope: {
            title: '@title',
            icons: '@icons'
        }
    };
});

が、何も起こりません。angular.jsのAPIを見ると 場所 が、戻るボタンや history.back() .

解決方法は？

ディレクティブの中でリンク関数を使用する必要があります。

link: function(scope, element, attrs) {
     element.on('click', function() {
         $window.history.back();
     });
 }

参照 jsFiddle .