, wie Max und Min die ngdialog, indem Sie auf Klick innerhalb von ngdialog Popup

Question

das ist mein ngcontolller Code

$scope.openModalContant = function() {  
     ngDialog.open({ 
      template: 'myModalContent.html', 
      scope: $scope, 
      showClose: true, 
      closeByDocument: false, 
      closeByEscape: false, 
      preCloseCallback: function(value) { 
       $scope.clearFields($scope.primaryObject) 
      return true; 
     } 
     }); 

    }; 

dies mein HTML-Code ist

<script type="text/ng-template" id="myModalContent.html"> 
<div class="loading-spinner"> 
    <img ng-if="showLoading()" src="../../Content/images/loadingSpinner.gif" /> 
</div> 

<div class="modal-header pad0"> 
    <div class="col-lg-4 mrgt15 pad0"><h4 class="modal-title">{{objectName}}</h4></div> 
    <button class="btn btn-brand" type="button" ng-click="max()">max</button> 
    <button class="btn btn-brand" type="button" ng-click="min()">min</button> 
</div> 
<div class="modal-body table-responsive"> 
    <div class="modal-inner list-modal-inner"> 
     <div class="prefill-wrapper" ng-if="preFillListModel.data.length>0"> 
      <div class="col-xs-12 col-sm-3 col-lg-2 pad0"> 
       <label class="control-label">Prefill</label> 
      </div> 
      <div class="col-xs-12 col-sm-9 col-lg-5 pad0"> 
       <select class="form-control" 
         ng-options="prefill.id as prefill.name for prefill in preFillListModel.data" 
         ng-model="prefill.id" 
         ng-change="getPrefillById(prefill,primaryObject);"> 
        <option value=""> --Select-- </option> 
       </select> 
      </div> 
     </div> 
     <div class="clearfix"></div> 
     <div class="primary-record-panel"> 
      <div> 
       <div ng-if="showColumns"> 
        <div columns column-properties="primaryColumns" column-data="primaryObject"> 
        </div> 
       </div> 
      </div> 
      <!-- Mid Content end --> 
      <!-- Content End --> 
     </div> 
    </div> 
</div> 
<div class="modal-footer"> 
    <div class="pull-right col-lg-12 pad0"> 
     <div class="col-lg-3 pad0 mart5"><label>Save as Prefill<input type="checkbox" ng-change="prefillCheckBox(isPreFill)" ng-model="isPreFill"></label></div> 
     <div ng-if="isPreFill" class="col-lg-4 mart5"><input type="text" ng-model="prefill.name" class="form-control" /></div> 
     <button class="btn btn-brand" type="button" ng-click="save(primaryObject,primaryColumns)">OK</button> 
     <button class="btn btn-primary" type="button" ng-click="clearFields(primaryObject)&&closeDailogue()">Cancel</button> 

    </div> 
</div> 

usw. Klicken auf die max Button Ich möchte das Popup, um die Breite und Höhe zu erweitern und das gleiche, wenn ich klicke auf Min-Taste sollte es mindestens Standardhöhe und Breite, ist ihre Möglichkeiten, dies zu tun?

Answer 1

Sie müssen zwei Klassen verwenden und sie in ng-Klasse verwenden. Eine Klasse muss die Breite und Höhe auf 100% und die Standardhöhe und -breite der Min-Schaltfläche festlegen.

Zusätzlich können Sie einen Parameter 'windowClass' übergeben, der die Breite und Höhe der Elternklasse angibt.