PrimeNg не работает с файлом .scss

Я попытался настроить PrimeNg в свой проект Angular-CLI. Итак, я выполнил следующие действия:

npm install primeng --save npm install primeui --save

Мне нужен раскрывающийся список, поэтому я добавил

import { DropdownModule } from 'primeng/primeng'; в свой основной файл module.ts, за которым следует imports:[DropdownModule].

Затем в файл .angular-cli.json добавлены стили, например,

"../node_modules/primeng/resources/themes/omega/theme.scss", "../node_modules/primeng/resources/primeng.min.scss".

Я использовал файл .SCSS для стилизации. Я добавил раскрывающийся список в свой HTML-код

<p-dropdown [options]="cities1" [(ngModel)]="selectedCity1"></p-dropdown>

Моя проблема в том, что стиль не отражается на странице и при нажатии на раскрывающийся список отображается следующая ошибка.

ОШИБКА TypeError: невозможно прочесть свойство "стиль" неопределенного значения.


angular primeng primeng-dropdowns
person Vimal    schedule 26.11.2017    source источник

Ответы (1)


arrow_upward
2
arrow_downward

1 - Сначала создайте проект с angular cli, используя sass (или настройте существующий, используя css-setup), с помощью следующей команды:

 - ng new project --style=scss

2 - Получите необходимые пакеты для работы с PrimeNg

 - npm install primeng –-save
 - npm install font-awesome --save

3- Настройте styles.scss, импортировав необходимые css и scss.

 -  @import 
    "../node_modules/font-awesome/css/font-awesome.min.css", //is used by the style of ngprime
    "../node_modules/primeng/resources/primeng.min.css", // this is needed for the structural css
    "../node_modules/primeng/resources/themes/omega/theme.scss", // this is the scss file of one of the 16 free styles of ngprime.

4 - При необходимости вы можете настроить переменные scss в '../node_modules/primeng/resources/themes/omega/theme.scss'. Выпадающий список будет соответствующим образом скорректирован.

Здесь вы можете найти стиль раскрывающегося списка

person free    schedule 18.05.2018