I have designed a web app using angularjs with angular material. Now, i want to convert some parts to be an angular 4 in the angularjs web app. i have added npm packages for angular 4. But scss files are not getting applied. How to fix this? Thanks..!
Asked
Active
Viewed 1,543 times
0
-
1Where is your code? – yurzui May 15 '17 at 05:46
-
Do you want to see package.json? – ARD May 15 '17 at 05:48
-
I want to see a minimal working example that will help us to understand your problem – yurzui May 15 '17 at 05:52
-
Possible dupilcate of [Running Angular and AngularJS frameworks side by side](http://stackoverflow.com/questions/43523907/running-angular-and-angularjs-frameworks-side-by-side/43525763#43525763). – georgeawg May 15 '17 at 12:00
1 Answers
2
Without seeing some specific code, it's very difficult to help diagnose issues with your upgrade. All I can recommend is that you try and follow the official angular upgrade guide: https://angular.io/docs/ts/latest/guide/upgrade.html
Essentially, you will create an angular 4 application and then embed the angularjs app inside it (in parallel).
You will still need to link to your angularjs SCSS output directly (I'm assuming that's what the problem is), unless you're using @angular/cli in which case you can add it into the .angular-cli.json config.
It only becomes difficult when you get to splitting the router (just a word of warning).
Incrementally upgrade an AngularJS application to Angular.
One of the keys to a successful upgrade is to do it incrementally, by running the two frameworks side by side in the same application, and porting AngularJS components to Angular one by one. This makes it possible to upgrade even large and complex applications without disrupting other business, because the work can be done collaboratively and spread over a period of time. The upgrade module in Angular has been designed to make incremental upgrading seamless.
For more information, see Angular Developer Guide - Upgrading from AngularJS
The DEMO on PLNKR
Community
- 1
- 1
mikegeyser
- 327
- 1
- 6
-
@georgeaw i have scss files in angularjs project after adding angular 2 none of the styles are getting applied. i tried using sass loader but that too didnt work as i use systemjs and not webpack – ARD May 16 '17 at 11:29
-
When asking a question about a problem caused by your code, you will get much better answers if you provide code people can use to reproduce the problem. See [How to create a Minimal, Complete, and Verifiable example](http://stackoverflow.com/help/mcve). – georgeawg May 16 '17 at 13:31