代码之家 › 专栏 › 技术社区 › mkHun

styleClass在初始化对话框中不起作用?

primeng angular

mkHun · 技术社区 · 5 年前

我试图在primeNg中添加styleClass,但它不起作用

Html文件

<p-dialog [(header)]="dialogText" [(visible)]="displayDlg" [modal]="true" [responsive]="true" 
  styleClass='pDialog' >

CSS文件

.pDialog{
width:700px;
overflow: visible;
}

相反,我写了 contentStyle 这是有效的

<p-dialog [(header)]="dialogText" [(visible)]="displayDlg" [modal]="true" [responsive]="true" 
   [contentStyle]="{'width': '700px','overflow':'visible'}">

如何在css文件中创建它?

2 回复 | 直到 5 年前

Joundill 4 年前

您可以使用 ng:deep

:host ::ng-deep {
     .pDialog{
         width:700px;
         overflow: visible;
     }
}

foxgang 5 年前

您可以尝试在组件中添加这样的“封装:viewEncapsution.None”;

@Component({
...
encapsulation: ViewEncapsulation.None

推荐文章

Michael Albrecht · 无法在第二个角度模块中使用素数

2 年前

Dante Orlando · PrimeNG TurboTable:dataKey需要是列吗?

6 年前

Hamza Haddad · 使用PrimeNG autocomplete组件显示焦点建议

6 年前

Aw3same · 布尔值不变

6 年前

Ayushi Tomar · 使用primeng和angular 5时,无法对“dd/mmm/yyyy”中的turbo table列进行排序

6 年前

Neamesis · 角度4+启动:TreeNode是否可以包含下拉列表?

6 年前

Vignesh · 行分组时,p表中显示的对象数组不会按原始顺序显示

6 年前

Ramesh Rajendran · ReferenceError:单元测试时未定义Quill

6 年前

sashafedsdev · PrimeNg multiselect,默认情况下选择所有项目

6 年前

RobinLu · Angular 4 Priming onChange不工作

6 年前