0

これは私の ngcontolller コードです

  $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;
      }
      });

  };

これは私のhtmlコードです

<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>

最大ボタンをクリックするとポップアップの幅と高さが拡大され、最小ボタンをクリックするとデフォルトの高さと幅になるはずですが、これを行う可能性はありますか?

4

1 に答える 1

0

2 つのクラスを使用し、それらを ng-class で使用する必要があります。1 つのクラスでは、幅と高さを 100% に設定し、最小ボタンのデフォルトの高さと幅を設定する必要があります。

さらに、親クラスの幅と高さを指定するパラメーター「windowClass」を渡すことができます。

于 2016-04-18T07:49:50.877 に答える