AngularJS | Построить путь из папок

Dylan спросил: 28 апреля 2018 в 08:25 в: angularjs

В настоящее время я просматриваю папки рекурсивно, и я хочу "построить" путь к моим папкам.

Теперь я могу создать путь следующим образом: folder1/folder2/folder3 с переменной String, которая Я обновляю следующее:

path += nameOfFolder + "/";

, но когда я вернусь к folder2, мой путь выглядит следующим образом: folder1/folder2/folder3/folder2.

Я просто хочу удалить последний объект своего списка и не добавлять его.

Есть ли что-то в AngularJS для автоматической автоматической установки этой системы или мне нужно сделать это вручную?

1 ответ

Aleksey Solovey ответил: 28 апреля 2018 в 02:00

Я все еще не знаю, как вы используете папки в AngularJS. Но предполагая, что у вас уже есть способ для навигации между ними, я предлагаю использовать стек, чтобы отслеживать, какие папки вы посетили. Стек - это всего лишь массив, который работает с основным последним в-первом-выпуске . Я сделал эту небольшую симуляцию для разбивки на страницы:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.stack = [];
  $scope.path = "/";
  $scope.go_to = function(name) {
    if (!name || (name == $scope.stack[$scope.stack.length - 1])) {
      return;
    }
    var index = $scope.stack.indexOf(name)
    if (index >= 0) { // found such folder
      $scope.stack = $scope.stack.slice(0, index + 1);
    } else {
      $scope.stack.push(name);
    }
    $scope.path = "/" + $scope.stack.join("/");
  }
  $scope.go_back = function() {
    $scope.stack.pop();
    $scope.path = "/" + $scope.stack.join("/");
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">

  <h3>Folders simulation</h3>

  Stack: <code>{{stack}}</code>
  <br> 
  Path: <code>{{path}}</code>
  <hr>
  <button ng-click="go_to(folder_name)">Go to:</button> <input type="text" ng-model="folder_name" /><br>
  <button ng-click="go_back()">Go back</button>

</div>