angularjs - AngularStrap bs タブ + スリムスクロールをタブに追加

Question

ページにタブを追加するために Angularstrap の Bs-tabs ディレクティブを使用しています。1 つのタブ内にツリー ビューを表示しています。それに SlimScroll バーを追加したいです。両方のタブにスリム スクロールを追加できないなどの問題に直面しています。レールが来ています、スクロールが機能していません

<div bs-tabs>
                    <div  class="parent-tab" style="width:310px;height: 670px;">
                    <div data-title="Tab 1" >
                    <div treeview="true"
                    tree-model="treeDataInJsonFormat"
                    node-id="id"
                    tree-id="treeSchema"
                    node-label="displayName"
                    node-children="childColumn"
                    dbl-click-event="addToQuery(node)" class="treeView">                </div>

                    </div>

                     </div>
                </div>


<script type="text/javascript">
angular.element('.parent-tab').slimScroll({
    size : '7px',
    position : 'right',
    color : '#afb1b2',
    alwaysVisible : true,
    distance : '2px',
    railVisible : true,
    railColor : 'white',
    railOpacity : 1,
    opacity:1,
    wheelStep : 10,
    allowPageScroll : true,
    disableFadeOut : true,
    height:'670px',
    width:'310px'
});</script>