Список папок AngularJS - PullRequest
Новая
       10

Список папок AngularJS

0 голосов
/ 12 мая 2018

Я хочу повторить какие-то папки, вот мой код: HTML: 

 <div class="container" ng-controller="miControlador">





      <li class="left-menu-list-submenu">
                <a class="left-menu-link" href="javascript: void(0);" ng-click="vm.getfolders();">
                    <i class="left-menu-link-icon fa fa-folder"></i>
                    Catalogs
                </a>
                <ul class="left-menu-list list-unstyled" style="margin-left:20px;" ng-repeat="fol in folders">
                    <li>
                        <a style="cursor:pointer;" ng-click="vm.more_folders();">{{fol}}</a>
                        <br />
                        <a style="cursor:default;color:black;" ng-repeat="more in more_folders">
                        <ul>
                          <li>{{more}}</li>
                        </ul>
                        </a>
                    </li>
                </ul>
            </li>


  </div>

Js: 

  var vm = this;

    vm.getfolders = function(){
        $http({
            method: 'GET' ,
            url: 'link_folders.json',
        })
            .then(function successCallback(data) {
                console.log("folders");
                $scope.folders = data.data;

            }, function errorCallback(response) {
                console.log(response);
                console.log('error');
            });
    };
    vm.getfolders();

    vm.more_folders = function(){
        $http({
            method: 'GET' ,
            url: 'more_folders.json',
        })
            .then(function successCallback(data) {
                console.log("more_folders");
                $scope.more_folders = data.data;

            }, function errorCallback(response) {
                console.log(response);
                console.log('error');
            });
    };

    vm.more_folders();

link_folders.json: 

[
    "/visualizer/360", 
    "/visualizer/2D"
]

more_folders.json: 

[
    "/visualizer/360/Eva", 
    "/visualizer/2D/Ferb", 
    "/visualizer/360/Andy", 
    "/visualizer/2D/John"
]

Вот мой плункер: https://plnkr.co/edit/SW7fqSajpYtQCJdY6wZb?p=preview

Что я хочу - повторить только эти объекты, какая строка похожа на каталог выше, что-то вроде этого - 

/visualizer/2D

/visualizer/2D/Ferb
/visualizer/2D/John

Спасибо за ответы заранее!

1 Ответ

0 голосов
/ 12 мая 2018

Что я хочу - повторить только эти объекты, какая строка похожа на каталог выше, что-то в этом роде -

/ визуализатор / 2D

/ визуализатор / 2D / Ferb/ визуализатор / 2D / Джон

Чтобы получить данные, отфильтрованные таким образом, все, что вам нужно, это фильтр на вашем втором ng-repeat 

ng-repeat="more in more_folders | filter:  fol ">

Это отфильтрует, а затем напечатаетрезультат, соответствующий вашим данным.

Чтобы узнать больше о фильтре, обратитесь к this

...