Question

angular-ui-modal] 1用于创建我的网站，我想在用户进入我的网页时自动显示我的模态。使用ng-click很简单，我有以下代码：

var app = angular.module('app', ['ui.bootstrap']);
app.controller('HomeCtrl', ['$scope', '$modal', function($scope, $modal) {
$scope.openModal = function(data) {
  var modalInstance = $modal.open({
    templateUrl: 'modals/register.html',
    resolve: {
      data: function() {
        return data === null ? {} : data;
      }
    }
  });
};
}]);

但我不知道在加载页面时如何触发模态。有帮助吗？请

Answer 1

您只需在加载控制器时调用该函数：

var app = angular.module('app', ['ui.bootstrap']);
app.controller('HomeCtrl', ['$scope', '$modal', function($scope, $modal) {
  $scope.openModal = function(data) {
    $scope.blurred  = "blurredopen";
    var modalInstance = $modal.open({
      templateUrl: 'modals/register.html',
      resolve: {
        data: function() {
          return data === null ? {} : data;
        }
      }
    });
  };

  $scope.openModal(); // <-- Call it
}]);

角度ui在加载页面上自动打开模态

1 个答案:

Demo on JSFiddle