カスタムディレクティブからパスを変更するにはどうすればよいですか？角度

Question

私はボタンであり、ボタンをクリックしたときにパスを変更しようとするが、何も起こらない以下の指示を持っている。

app.directive('searchAgainButton', function ($location) { 
    return { 
     template: '<button class="searchAgainButton"><i class="fa fa-search" aria-hidden="true"></i><span> Search Again</span></button>', 
     link: function (scop, element, attrs) { 
      element.on('click', function() { 
       $location.path('/index') 
      }) 
     } 
    } 
}); 

Answer 1

elementがボタンを指していません。この

var app = angular.module('myApp', []); 

    app.directive('searchAgainButton', function ($location) { 
     return { 
       restrict:"AE", 
      template: '<button ng-click="changePath()" class="searchAgainButton"><i class="fa fa-search" aria-hidden="true"></i><span> Search Again</span></button>', 
      link: function (scope, element, attrs) { 
       scope.changePath = function(){ 
        $location.path('/index') 
       } 
      } 
     } 
    }); 

//html 
<div ng-app="myApp"> 
    <div search-again-button></div> 
</div> 

FIDDLE EXAMPLE