Возможно ли отобразить значение $ scope.something внутри скрипта?

0

Я действительно новичок в веб-разработке, так что извините, если это всего лишь небольшое недоразумение и очень забавные вещи.

Я пытаюсь использовать это 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.myData внутри <script>? Или любые предложения по выполнению моей задачи или даже duplication будут очень признательны, если есть что-то подобное.

Мне жаль, потому что я действительно новичок в этих angularJS и других angularJS таких как Jquery.

  • 0
    Вопрос в том, где находится $ scope.myData?
  • 0
    Вы можете обернуть библиотеку treeview в свою собственную угловую директиву, но лучше и проще найти библиотеку Angular, которая делает то же самое, например, github.com/Gillardo/bootstrap-ui-treeview
Показать ещё 2 комментария
Теги:
bootstrap-treeview

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>
Поделиться
  • 0
    Спасибо за ваш быстрый ответ, но я все еще в замешательстве. Где я должен положить эти данные? После myData : //here ? И как получить это на странице?
  • 0
    @ShreeKrishna Что делает getTree ()?
Показать ещё 6 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню