Question

我在PrimeNg上使用角度6。它是dialog组件contentStyle的属性。如果我像下面这样在html中编写代码，则它工作正常。但是，当我在指令中编写（用于设置组件的默认值）时，其样式就会损坏。可能是什么错误？

这很正常。

<p-dialog [contentStyle]="{'overflow':'visible'}"></p-dialog>

但是当我像下面这样书写时，它的样式就会损坏。

export class DialogDirective {
  constructor(dialog: Dialog) {
    dialog.responsive = true;
    dialog.modal = true;
    dialog.closeOnEscape = false;
    dialog.contentStyle = "{'overflow':'visible'}";
  }
}

<p-dialog></p-dialog>

您可以从this link看到PrimeNg的对话框

Answer 1

使用属性时，应将对象而不是字符串传递给它。

export class DialogDirective {
  constructor(dialog: Dialog) {
    dialog.responsive = true;
    dialog.modal = true;
    dialog.closeOnEscape = false;
    dialog.contentStyle = {'overflow':'visible'}; <-- here
  }
}


<p-dialog [contentStyle]="dialog.contentStyle"></p-dialog>

角度指令中的书写风格

1 个答案: