はonclickの角度ディレクティブで次の角のディレクティブで

Question

表情をして渡すことができませんか（私は内容でそれを望んでいません。私はちょうどその例を追加しました）。

これは修正できますか？

それが動作する以下のように私は、ボタンを作成する場合：

<button onclick="location.href = '\Home.html'">Using onclick without Angular</button> 

をこれは私がレンダリングする角度指令を取得しようとしている方法です。

Answer 1

onclickは、文字列に解決される式ではなく、関数呼び出しを想定しています。

@の代わりに&を使用する必要があります。これは、文字列ではなく実行可能なコード行を渡すためです。

onclickの代わりにng-clickを使用する必要があります。 onclickがdocumentationに基づいて、動作しません理由は、HTML DOMイベント属性の

補間が禁止されています。 では、代わりにng-バージョン（onclickの代わりにng-clickなど）を使用してください。また

、templateに変更templateUrlテンプレートをインラインに提供されているので

あなたはUIマークアップからlocationにアクセスしようとしているので、$の範囲内の位置参照を設定する必要があります<page-footer footerhref="location.href='\Home.html'" />

Here is a working plunker。

app.directive("pageFooter", function ($compile) { 
    return { 
     restrict: "E", 
     scope: { footerhref: '&', caption: '@' }, 
     template: '<button ng-click="footerhref()">{{caption}}</button>' 
    } 
}); 

<page-footer footerhref="location.href='\Home.html'" caption="Home"></page-footer> 

$scope.location = location; // In your controller