是否可以在脚本中呈现 $scope.something 的值？

Question

我是Web开发的新手，如果只是一点点误会和很矿工的事情，非常抱歉。

我正在尝试使用这个 bootstrap-treeview，组件将绑定到这个现有的 DOM 元素，

<div id="tree"></div>

有了这样的基本用法，

function getTree() {
  // Some data
  return data;
}    
$('#tree').treeview({data: getTree()});

现在，我想使用 angularJS 设置 treeview，所以我尝试了将 ng-model 设置为 div 元素并从 $scope 对象（如 $scope.myData = myData;）分配 data。但是没用。

如果我能将库描述中给出的相同内容混淆起来，并检索 $scope 对象的值就好了在 <script> 这样的部分中

<script>
    var data = //how to Recieve $scope.myData here
    $('#tree').treeview({ data: getTree() });
</script>

是否可以在<script>中获取$scope.myData的值？或者任何类型的建议来完成我的任务，如果有类似的东西，甚至 duplication 将不胜感激。

我很抱歉，因为我对这些 angularJS 和 Jquery.

等其他东西真的很陌生

Answer 1

要完成您想要的，您应该创建一个 AngularJS 指令并将 bootstrap-treeview 的启动包装在其中。像这样：

myModule.directive('treeView', [function() {

        return {
                restrict: 'A',
                scope: {
                    myData: '='
                },
                link: function(scope, element, attrs) {

                    var data = scope.myData;

                    $('#tree').treeview({data: data});
                }
        };
}]);

然后像这样使用它：

<div id="tree" tree-view my-data="myData"></div>

是否可以在脚本中呈现 $scope.something 的值？

Is it possible to render value of $scope.something inside script?

jquery

angularjs

bootstrap-treeview