Question

我在网络开发中真的很新，很抱歉，如果它只是一点误会和非常好的事情。

我尝试使用此bootstrap-treeview，组件将绑定到此现有DOM元素，

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

使用这样的基本用法，

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

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

如果我可能混淆与库的描述中给出的相同，并检索$scope对象的值，那将没有问题像{/ p>这样的<script>部分

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

是否可以在$scope.myData内获取<script>的值？或任何类型的建议来完成我的任务，甚至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的值？

1 个答案: