列出文件夹AngularJS

bafix2203

我想ng-repeat某种文件夹,这是我的代码: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

预先感谢您的答复!

Hey24sheep

我想要的-仅重复此对象,该字符串类似于上面的目录,类似的东西-

/ visualizer / 2D

/ visualizer / 2D / Feb / visualizer / 2D / John

要像这样过滤数据,您只需要在第二个ng-repeat上过滤即可

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

这将筛选并打印与您的FOL数据匹配的结果。

要了解有关过滤器的更多信息,请参阅

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章