Adding angular module to mean.io package

Question

I am trying to add the angular-ui-grid module from npm (or bower) to a mean.io package:

$ cd packages/custom/mypackage
$ npm install angular-ui-grid --save

I then added this line to to packages/custom/mypackage/public/index.js

import 'angular-ui-grid';

and this line to packages/custom/mypackage/app.js

MyPackage.angularDependencies(['ui.grid']);

This seems to import the JS, but not the CSS. How do I get it to also bring in the styles?

Andriy · Accepted Answer · 2016-09-05 22:24:10Z

1

just add into your index.js:

import 'angular-ui-grid/ui-grid.min.css';

you can see how it is done for angular-ui-select in the mean.io's app.js:

https://github.com/linnovate/mean/blob/05c63abae72635923eda07fefeac937b4e67790e/app.js

answered Sep 5, 2016 at 22:24

Andriy

15.5k4 gold badges49 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

willsters Over a year ago

That's what I was looking for. I've spent most of the day being annoyed at the outdated docs/tutorials.

Muli Yulzary · Accepted Answer · 2016-09-05 21:49:20Z

0

Link the css file(s) in index.html

Example:

//index.html
<html ng-app>
<head>    
<link rel="stylesheet" type="text/css" href="node_modules/angular-ui-grid/ui-grid.min.css">
</head>
...
</html>

Source

answered Sep 5, 2016 at 21:49

Muli Yulzary

2,5793 gold badges23 silver badges42 bronze badges

2 Comments

willsters Over a year ago

That does not work as the node_modules directory does not exist in the build output. MEAN.io packages up assets into the bundle as part of the build.

Muli Yulzary Over a year ago

This is just an example. you'll have to locate the angular-ui-grid lib folder and include that file in your index.html

willsters · Accepted Answer · 2016-09-05 22:26:21Z

0

This works:

packages/custom/mypackage/public/index.js

import '../node_modules/angular-ui-grid/ui-grid.min.css';

but seems hacky.

Is there something missing from the angular-ui-grid package definition that denotes the main css file or is it an issue with mean.io's build system?

answered Sep 5, 2016 at 22:26

willsters

15011 bronze badges

Collectives™ on Stack Overflow

Adding angular module to mean.io package

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related