对ng2-opd-popup的更正

时间:2017-07-25 15:45:18

标签: css angular

当我向窗口添加表单时,这样安排:

enter image description here

但我需要:

enter image description here

在文件中:popup.component.html:

<div id="ng2-opd-popup-main"
     *ngIf="visible" [ngClass]="mainClass" [ngStyle]="mainStyle">
    <div class="row">
        <div style="display: inline-block;width:100%">
           <div id="ng2-opd-popup-well"  [ngStyle]="wellStyle"
                class="ng2-opd-popup-well ng2-opd-popup-well-sm">
             {{popupService.options.header}}
           </div>
        </div>
    <div style="margin:20px;">
        <ng-content></ng-content>
        <div *ngIf="popupService.options.showButtons"
              style="margin-bottom:20px;margin-top:20px;float: right">
            <button id="cancelBtn" [ngClass]="cancelBtnStyle"
                    type="reset" (click)="confirmNo()">
              {{popupService.options.cancleBtnContent}}
            </button>
            <button id="confirmBtn" [ngClass]="confirmBtnStyle" 
                    (click)="confirmYes()">
              {{popupService.options.confirmBtnContent}}
            </button>
        </div>
    </div>

</div>
</div>

当我在 <div style="margin:20px;"> 上更改第<div style="margin:20px; width:100%">行时,什么也没发生 该应用程序不响应我的代码更改。有什么问题?

0 个答案:

没有答案