0

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

我正在尝试使用这个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内的对象的值，那就太好了<script>

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

是否有可能获得$scope.myDatainside的价值<script>？或者任何类型的建议来完成我的任务，如果有类似的东西，甚至duplication会非常感激。

我很抱歉，因为我对这些angularJS和其他东西真的很陌生，比如Jquery.

4

1 回答 1

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>
于 2016-04-04T06:44:02.553 回答