대화 상자 너비가 너무 작 으면 변경하는 방법은 무엇입니까?

Question

양식 컨테이너로 Dialog를 사용하고 있지만 필드가 많거나 h3 제목이 길 때 너비가 작기 (280 픽셀) 때문에 이상하게 보입니다.

CSS를 변경하지 않고 너비를 변경하는 방법이 있습니까? 어쩌면 너비 속성?

Answer 1

angular2-mdl의 버전 2.2.0은 이제 고급 구성 가능성을 지원합니다. 이제 대화 상자 호스트 요소에 적용되는 CSS 스타일을 제공 할 수 있습니다. 예를 들면 :

let pDialog = this.dialogService.showCustomDialog({ 
    component: LoginDialogComponent, 
    providers: [{provide: TEST_VALUE, useValue: 'Just an example'}], 
    isModal: true, 
    styles: {'width': '350px'}, 
    clickOutsideToClose: true 
}); 

이 또한 가능하다 선언적 접근법 사용하는 경우 : 난 더 이상 angular2 사용하지 않는

<mdl-dialog #editUserDialog 
      [mdl-dialog-config]="{ 
       clickOutsideToClose: true, 
       styles:{'width': '350px'}, 
       modal:true 
      }"> 
... 
</mdl-dialog>