如何在angularjs中获取对象以替代jquery的$.fn

Question

有一个jquery语句，var zTree = $.fn.zTree.getZTreeObj("treediv")；现在，我想在angularjs中调用它，如何在angularjs中实现它？谢谢你的帮助。

<div id="treediv">
 <ul tree id="tree" class="ztree" ng-model="selectNode" />
</div>

 var zTree = $.fn.zTree.getZTreeObj("treediv");
 var changedNodes = zTree.getChangeCheckedNodes()

Answer 1

您可以在角内使用jQuery (指令是最佳位置)。但是该函数似乎是由第三方库添加的，所以请确保在jQuery之后在全局位置注册了该函数。

app.directive('myDirective', ['$scope', function(scope) {
  function link(scope, element, attrs) {
      scope.doSomething = function() {
         var zTree = $.fn.zTree.getZTreeObj("treediv");
         var changedNodes = zTree.getChangeCheckedNodes();
      }
  }

  return {
    link: link
  };
}]);

在你的html中：

<div id="treediv">
    <ul tree id="tree" class="ztree" my-directive ng-click="doSomething()" ng-model="selectNode" />
</div>