如何仅在页面加载时显示 angular bootstrap-modal 一次？

Question

我可以在页面加载时显示 bootstrap 模态，即使路由更改时模态也会触发。就像我使用浏览器后退按钮或前进按钮从其他页面返回同一页面一样。如果它在页面重新加载时显示，那对我来说没问题，但在路线更改时它也会显示。
这是我用来在页面 load.i 上显示的代码我已经在线尝试了一些解决方案但没有 worked.it 可能是重复的。但其他解决方案对我不起作用。我已尝试使用 onroutechangestart --> 隐藏，但它仍在显示如何操作。谁能帮帮我。

angular.element(document).ready(function () {
   $scope.showModal = true;
});

Answer 1

您可以创建一个控制应用程序状态的工厂

app.factory('startFact',function(){

        var isStarted = false;

        return{
            isStarted: function(){
                return isStarted;
            },

            startApp: function(){
                isStarted = true;
            },
        };
    });

在控制器中

app.controller('mainCtrl', ['$scope','startFact', function ($scope, startFact) {
        $scope.init = function () {

            if (!startFact.isStarted()) {
                $scope.showModal = true;
                startFact.startApp();
            }
        };
    }]);

调用初始化函数

<body ng-controller="mainCtrl" ng-init="init()">

如何仅在页面加载时显示 angular bootstrap-modal 一次？

How to show angular bootstrap-modal on page load only once?

javascript

session

angularjs

bootstrap-modal

angular-bootstrap