javascript - 页面加载时，检查条件并在 Angular JS 中显示模式弹出窗口

Question

我对 AngularJS 很陌生。我正在尝试在 Angular JS 中显示模式弹出窗口。我已经尝试过从 Angular 的对话框演示教程中单击按钮的模态。

我现在需要的是，在页面加载时，应该检查一个条件，根据该条件显示弹出窗口。我有一个想法，想在页面自动加载时单击此按钮。但我认为这不是一个好的方法。我研究了各种选项，但找不到相关的解决方案。

如有任何帮助，我们将不胜感激。

以下是迄今为止从 this 所做的事情演示。

HTML:

<div ng-controller="TestCtrl" layout="row" ng-cloak style="height: 300px">
  <style>
  .edgePadding {
    padding-left: 25px;
    padding-right: 25px;
  }

 </style>
<div layout="column" layout-align="center start" layout-padding flex>
<div class="inset"> test test test </div>

<div class="dialog-demo-content" layout="column" layout-align="center center" style="width:100%">
  <md-button class="md-primary md-raised edgePadding" ng-click="openFromLeft()" >
    test
  </md-button>
</div>

app.js

angular.module('mytestapp')

.controller('TestCtrl', function($scope, $mdDialog) {
   $scope.openFromLeft = function() {
    $mdDialog.show(
      $mdDialog.alert()
        .clickOutsideToClose(true)
        .title('Opening from the left')
        .textContent('Closing to the right!')
        .ariaLabel('Left to right demo')
        .ok('Nice!')
        // You can specify either sting with query selector
        .openFrom('#left')
        // or an element
        .closeTo(angular.element(document.querySelector('#right')))
    );
  };

  $scope.openOffscreen = function() {
    $mdDialog.show(
      $mdDialog.alert()
        .clickOutsideToClose(true)
        .title('Opening from offscreen')
        .textContent('Closing to offscreen')
        .ariaLabel('Offscreen Demo')
        .ok('Amazing!')
        // Or you can specify the rect to do the transition from
        .openFrom({
          top: -50,
          width: 30,
          height: 80
        })
        .closeTo({
          left: 1500
        })
    );
  };
})

任何基本方法都值得赞赏。

Answer 1

在父 div 上提供 ng-init

<div ng-controller="TestCtrl" ng-init="loadFun()" layout="row" ng-cloak style="height: 300px">

现在在你的 Controller 中

$scope.loadFun=function(){
 $mdDialog.show(
  $mdDialog.alert()
    .clickOutsideToClose(true)
    .title('Opening from offscreen')
    .textContent('Closing to offscreen')
    .ariaLabel('Offscreen Demo')
    .ok('Amazing!')
    // Or you can specify the rect to do the transition from
    .openFrom({
      top: -50,
      width: 30,
      height: 80
    })
    .closeTo({
      left: 1500
    })
);
 }