スクリプト内に$ scope.somethingの値をレンダリングすることはできますか？

Question

私は本当に新しいですウェブ開発、ごめんなさい、それは少し誤解と非常に鉱夫のものです。

私はこのbootstrap-treeviewを使用しようとしている、とコンポーネントは、この既存のDOM要素に結合し、このような基本的な使い方では

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

、今

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

、私は設定したいですtreeviewを使用してを使用しましたので、私は をng-modelに設定して、そのdiv要素に割り当て、$scopeオブジェクトのdataを$scope.myData = myData;。しかし、それは動作しませんでした。

私はおそらくこの

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

よう<script>セクション内$scopeオブジェクト の値を、ライブラリの説明で述べたのと同じをミックスし、取り出すことができればそれは大丈夫だろうが取得することが可能です$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}); 
       } 
     }; 
}]); 

次に、このようにそれを使用します。$ scope.myDataが配置されている場所

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