javascript - AngularJS - 通过 ID 从关联的 Controller 访问 View 元素

Question

在 Controller 中，我希望访问 View 中的元素，以便在用户调用操作时可以操纵它。我目前正在使用 JQuery 和 JSTree，我当前的解决方案是:

$('#jstree_demo_div').jstree(true).hide_node(item);

这有效!

当我创建同一 View 和 Controller 的第二个实例时，会出现问题。因为我使用 $('#jstree_demo_div') 选择 View 元素，所以当在任一 Controller 实例中调用上述内容时，它总是选择 DOM 中 jstree_demo_div 的第一个实例，因此只有一个 View 正常工作.

如何限制我的 Controller 仅获取其关联 View 范围内的元素？

我的看法是这样的:

<div class="container" ng-controller="listingsController">
    <div class="row">
        <div class="col-xs-12 col-sm-9 col-md-4">
            <label style="position:fixed">Customers</label>
            <div style="overflow: auto; height:300px; margin-top:20px" id="jstree_demo_div" role="tree" aria-multiselectable="true"></div>
        </div>
    </div>
</div>

Answer 1

Angular 的方法是创建一个包含 jstree 的指令，然后在 View 上放置多个副本。在指令的链接函数中，您可以访问仅代表该指令子级的 jQuery 对象。您可以在其中使用选择器来完成一些工作。请参阅“创建操作 DOM 的指令”部分，地址:https://docs.angularjs.org/guide/directive .