Как изменить ширину / отступ компонента p-меню? - PullRequest
Новая
       9

Как изменить ширину / отступ компонента p-меню?

0 голосов
/ 09 июня 2018

Я создал меню с компонентом p-menu меню PrimeNG, и я хочу сместить пункты меню немного влево.Я думаю, что я должен использовать отступы для этого, и я попробовал следующее, чтобы сместить его на несколько пикселей. 

<p-menu [model]="items" [style]="{minWidth:'18.8em', background: 'white', 
                              padding: .625em 0 0 0}"></p-menu>

, но это дает мне синтаксическую ошибку, это трассировка стека:

[ОШИБКА ->]) в JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents (compiler.js: 22639) в compiler.js: 22549 в Object.then (compiler.js: 206) в JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js: 22548)

Само меню выглядит такэто:

enter image description here

Что я делаю не так?

1 Ответ

0 голосов
/ 09 июня 2018

У <p-menu> есть 'ui-menu'.Введите его в таблицу стилей компонента с помощью

  • :: ng-deep

    ::ng-deep .ui-menu { padding: .625em 0 0 0 }

Demo

  • ViewCansulation выключен:

    import { ViewEncapsulation } from '@angular/core';

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

    .ui-menu { padding: .625em 0 0 0 }

Демо

...