javascript - ng-click 在 标签内不起作用

Question

我正在使用jstree，并且对于每个节点，我想添加一组操作按钮，如下所示:

<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，我迭代节点并将这些操作按钮与节点的文本连接起来:

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

尝试将 href="#" 更改为 href="javascript:void(0)"