ngのクリックが<a>タグ

Question

内では動作しません。私は、次のようにアクションボタンのセットを追加したいjstreeと協力し、foreachのノードだ：

<span class="action-button-container"> 
    <md-button class="md-icon-button" aria-label="Nouveau" ng-click="createNode($event)"> 
     <md-icon class="material-icons">add_circle</md-icon> 
    </md-button> 
    <md-button class="md-icon-button" aria-label="Modifier" ng-click="renameNode($event)"> 
     <md-icon class="material-icons">edit</md-icon> 
    </md-button> 
    <md-button class="md-icon-button" aria-label="Supprimer" ng-click="removeNode($event)"> 
     <md-icon class="material-icons">delete_circle</md-icon> 
    </md-button> 
</span> 

だから何私がやったことですjstreeをラップし、私が作成した指令は、私がノードを反復処理し、ノードのテキストにこれらのアクションボタンをCONCAT：

value.map(function(node){ 
    node.text = node.text + addActionButtons(); 
    return node; 
}); 

addActionButtons()は、単に上記にアクションボタンの文字列を返します。

したがって、この場合にはjstreeには、以下のように、aタグ内にアクションボタンを追加します。

<a class="jstree-anchor" href="#" tabindex="-1" id="ajson1_anchor"> 
    <i class="jstree-icon jstree-themeicon" role="presentation"></i>Label 1 
    <span class="action-button-container"> 
     <md-button class="md-icon-button" aria-label="Nouveau" ng-click="createNode($event)"> 
     <md-icon class="material-icons">add_circle</md-icon> 
     </md-button> 
     <md-button class="md-icon-button" aria-label="Modifier" ng-click="renameNode($event)"> 
     <md-icon class="material-icons">edit</md-icon> 
     </md-button> 
     <md-button class="md-icon-button" aria-label="Supprimer" ng-click="removeNode($event)"> 
     <md-icon class="material-icons">delete_circle</md-icon> 
     </md-button> 
    </span> 
</a> 

を私はここに直面してる問題は、私はいくつかのアクションボタンをクリックしたとき、それは誘発しないということですng-click。

どうすればこの問題を解決できますか？

アップデート：私はそれが働いたonclick="alert('test')"を使用しようとしました

、問題がng-clickであるので、私はこのような何かをしなければならないと思う：

node.text = node.text + $compile(addActionButtons())(scope); 

しかし、これは文字列を追加します私のノードの前には [Object object]があり、アクションボタンはありません。

Answer 1

は、私はあなたが苦しんでいる問題はAddActionButtonsが動的に文字列を生成しているので、角度は既存のようにディレクティブを認識しないで信じるhref="#"

Answer 2

href="javascript:void(0)"に変更してください。

おそらく$サービスをコンパイル使用する必要があります：

https://docs.angularjs.org/api/ng/service/ $、また

をコンパイルするこの回答を参照してください：

Compiling dynamic HTML strings from database