Почему мое приложение angular не поддерживает ручной css? - PullRequest
Новая
       67

Почему мое приложение angular не поддерживает ручной css?

0 голосов
/ 12 июля 2020

В моем приложении angular только один компонент использует возможность ручного управления, поэтому css не обязательно должно быть на уровне приложения. В компоненте, который я пробовал использовать синтаксис, подобный этому: 

styleUrls: ['./../../../node_modules/handsontable-pro/dist/handsontable.full.min.css']

Но это не помогло . Наконец, мне пришлось скопировать handsontable.full.min. css в ту же папку, что и у моего компонента, ссылаясь на styleUrls следующим образом: 

styleUrls: ['./handsontable.full.min.css']

Мне не нравится копирование, так как это приводит к тому же файлу находясь в 2-х местах. [Согласно ручной документации] [1], чтобы объявить css на уровне приложения, вы должны добавить это в style. css [1]: https://handsontable.com/docs/7.4.2/frameworks-wrapper-for-angular-installation.html

@import '~handsontable/dist/handsontable.full.css';

Я экспериментировал, вставляя эту строку в style.s css и style. css, в свою очередь, тоже не повлияли. Мой Angular - это 7.1.1, и ручное управление: 

"@handsontable-pro/angular": "3.0.0",
"@handsontable/angular": "^5.1.1",

Как я могу избежать создания двух копий ручного css?

Изменить: Согласно angular. json

 "styles": ["projects/survey-webapp/src/styles.css"]

По предложению @spots я безуспешно добавил к нему handsontable css: 

 "styles": [
          "projects/survey-webapp/src/styles.css",
          "node_modules/handsontable-pro/dist/handsontable.full.min.css"
        ],

1 Ответ

0 голосов
/ 12 июля 2020

Пробовали ли вы добавить таблицу стилей в массив styles в angular.json? Я никогда не использовал Handsontable, но я обычно ссылаюсь на сторонние таблицы стилей, такие как bootstrap или ag-grid.

Вам понадобится что-то вроде этого: 

"styles": [
    //other styles...
    "node_modules/handsontable-pro/dist/handsontable.full.min.css",
],
...