angulaire.js - Dans AngularJS, comment une page doit-elle accéder à elle-même ?

Question

Écrire une page d'affichage de dossier, puis pour afficher ses sous-dossiers, vous devez toujours accéder à la page d'affichage de dossier, mais l'itinéraire ne déclenchera le saut que lorsque l'url changera. Je l'ai essayé dans le dossier. Un paramètre de nombre aléatoire a été ajouté. à l'URL correspondant au parcours de la page de visualisation, mais cette méthode n'a pas fonctionné du tout. Plus tard, elle a été transformée en texte de clic. Après le dossier, je modifie simplement la valeur du tableau de la liste des dossiers sans sauter. Cependant, cela ne déclenche pas l'actualisation automatique de la page, je ne peux donc utiliser que $window.location.reload(true) pour actualiser manuellement, mais l'effet est très. bien. Oups, parfois ça marche, parfois non, aidez-moi s'il vous plaît.
Les éléments suivants sont le routage, le contrôleur et le routage des pages

.state('tab.folder-list', {
    url: '/folder-list',
    views: {
        'tab-more': {
            templateUrl: "templates/work/folder/folder-list.html",
            controller: "folderCtrl"
        }
    }
})

controllerpage

correspondante

appCtrls.controller('folderCtrl', function ($scope, $state, $window, goBackService, $ionicActionSheet, folderService, $stateParams, localStorageService) {

    var isr = false;
    $scope.getAllFolderList = function () {
        var pro = folderService.isRootFolder(localStorageService.getLocalStorage("current").currentFolderId);
        pro.then(function (res) {
            $scope.isRoot = res.data;
            isr = $scope.isRoot;
        })
        var promise = folderService.getAllFolderList(localStorageService.getLocalStorage("current").currentFolderId);
        promise.then(function (response) {
                console.debug("List----->>>" + angular.toJson(response.data));
                $scope.folderList = response.data.folderList;
                $scope.fileList = response.data.fileList;
                localStorageService.setLocalStorage("currentFolderList",$scope.folderList);
            }, function (response) {
                $scope.folderList = [];
                $scope.fileList = [];
            }
        )
        //$window.location.reload(true);
    }
    //currentFolderId：当前目录Id，previousFolderId：当前目录的上级目录id，用于返回到上级目录
    //当点击文件夹列表中的文件夹时，会将点击的该文件夹id(跳转后变成当前目录id)，以及跳转前的当前目录id(跳转后就变成了上一级目录id)传过去
    //根目录与其他目录不同之处，在于根目录不允许删除，编辑
    $scope.goToViewFolder = function (folder) {
        var current = {
            currentFolderId: folder.id,
            previousFolderId: localStorageService.getLocalStorage("current").currentFolderId
        };
        localStorageService.setLocalStorage("current", current);

        $scope.isRoot = false;
        var promise = folderService.getAllFolderList(localStorageService.getLocalStorage("current").currentFolderId);
        promise.then(function (response) {
                $scope.folderList = response.data.folderList;
                $scope.fileList = response.data.fileList;
                localStorageService.setLocalStorage("currentFolderList",$scope.folderList);
            }, function (response) {
                $scope.folderList = [];
                $scope.fileList = [];
            }
        )
        $window.location.reload(true);
        /*var now=new Date();
         var number = now.getSeconds();
         $state.go("tab.folder-list",{random:number},{reload: true});*/
    }


    $scope.showAdd = function (folder) {
        var menuItems = [
            {text: "新建文件"},
            {text: "新建文件夹"}
        ];

        // Show the action sheet
        var hideSheet = $ionicActionSheet.show({
            titleText: "",
            buttons: menuItems,
            buttonClicked: function (index) {
                if (index == 1) {
                    $state.go("tab.folder-add");
                } else {
                    $state.go("tab.file-chooseWayToGainFile");
                }

            },
            cancelText: "取消",
            cancel: function () {
                // add cancel code..
            }
            /*,
             destructiveText: "删除",
             destructiveButtonClicked:function(){
             }*/
        });
    };
    //返回上级目录，刷新列表页
    $scope.backToPrevious = function () {
        var previousFolderId = "";
        //console.debug("previousFolderId-->>"+localStorageService.getLocalStorage("current").previousFolderId);
        var promise = folderService.getParentFolderId(localStorageService.getLocalStorage("current").previousFolderId);
        promise.then(function (res) {
            previousFolderId = res.data;
            var current = {
                currentFolderId: localStorageService.getLocalStorage("current").previousFolderId,
                previousFolderId: previousFolderId
            };
            localStorageService.setLocalStorage("current", current);
        })

        var pro = folderService.isRootFolder(localStorageService.getLocalStorage("current").currentFolderId);
        pro.then(function (res) {
            $scope.isRoot = res.data;
            isr = $scope.isRoot;
        })
        var promise = folderService.getAllFolderList(localStorageService.getLocalStorage("current").currentFolderId);
        promise.then(function (response) {
                $scope.folderList = response.data.folderList;
                $scope.fileList = response.data.fileList;
                localStorageService.setLocalStorage("currentFolderList",$scope.folderList);
            }, function (response) {
                $scope.folderList = [];
                $scope.fileList = [];
            }
        )
        $window.location.reload(true);
        /*var now=new Date();
         var number = now.getSeconds();
         $state.go("tab.folder-list",{random:number},{reload: true});*/
    }
    $scope.goToViewFile = function (file) {
        $state.go("tab.file-fileView", {fileId: file.id});
    }
    $scope.editFolder = function () {
        $state.go("tab.folder-edit");
    }

});

<ion-view view-title="列表">
    <ion-nav-buttons side="right">
        <a class="button button-clear" ng-click="editFolder()" ng-show=""><i class="icon ion-ios-compose-outline"></i></a>
        <a class="button button-clear" ng-click="showAdd()"><i class="icon ion-android-menu"></i></a>
    </ion-nav-buttons>
    <ion-nav-buttons side="left">
        <a ng-show="isRoot" class="button button-clear" ui-sref="tab.file-companysIBelongTo"><i class="icon ion-ios-arrow-left"></i>公司列表</a>
        <a ng-show="!isRoot" class="button button-clear" ng-click="backToPrevious()"><i class="icon ion-ios-arrow-left"></i>返回上级目录</a>
    </ion-nav-buttons>
    <ion-content class="no-padding"  ng-init="getAllFolderList()">
        <p class="item item-pider">文件夹列表</p>
        <p class="list">
            <p class="item item-icon-left item-icon-right" ng-repeat="folder in folderList" ng-click="goToViewFolder(folder)">
                <i class="icon ion-android-folder"></i>
                {{folder.name}}
                <i class="icon ion-chevron-right icon-accessory"></i>
            </p>

        </p>
        <p class="item item-pider">文件列表</p>
        <p class="list">
            <p class="item item-icon-left item-icon-right" ng-repeat="file in fileList" ng-click="goToViewFile(file)">
                <i class="icon ion-android-document"></i>
                {{file.name}}
                <i class="icon ion-chevron-right icon-accessory"></i>
            </p>
        </p>
    </ion-content>
</ion-view>

Answer 1

http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.directive:ui-sref
用ui-sref-opts参数

<p ui-sref="{string}" ui-sref-opts="{reload:true}">
   ...
</p>