Questions related to upgrading AngularJS (v1.x) application to Angular (v2+). This tag should be used for questions related to preparing AngularJS application for upgrade, running a hybrid AngularJS/Angular application, and transitioning out of hybrid mode.
Questions tagged [angular-upgrade]
213 questions
1
vote
1 answer
Bootstrapping hybrid applications manually
How to bootstrap this angularjs 1 app from Angular 6 manually?
As a starting point I have a working angularjs 1 app: f.e. and a pure angular 6 app created with angular-cli.
First step is adding the necessary dependencies like angular,…

matyig
- 454
- 5
- 15
1
vote
0 answers
How do you get access to the instance of a downgrade component in the view?
I've tried the usual #instance on the component without success. I figured that would work since inputs and outputs still work with [] and (). But instance is undefined. How do I get a ref to the instance from angularjs? I need to be able to call a…

Adam Keenan
- 764
- 1
- 11
- 29
1
vote
1 answer
Angular and AngularJS Hybrid Application Routing: Angular component as child state not rendering
first some short introduction to the project and general setup.
It is an Angular/Angular JS application. I integrated Angular couple of weeks ago. In contrast to many different tutorials using the UpgradeModule, I actually had to use the…

Nicolas Gehlert
- 2,626
- 18
- 39
1
vote
0 answers
Use Angular 1.x (AngularJS) service inside Angular 2+ Service
Is it possible to use Angular 1.x service inside Angular 2+ service? I am getting the following error when doing so:
Trying to get the AngularJS injector before it being set.
However, it works if I use Angular 1 service inside Angular 2 component…

developer
- 1,401
- 4
- 28
- 73
1
vote
0 answers
angular routing stopped working with ngUpgrade
I am in the process of upgrading AngularJS 1.5.X application to Angular 4.3.0. I managed to successfully bootstrap the application and use Angular components on AngularJS screens until I have to upgrade an AngularJS service to Angular to be used in…

tangokhi
- 945
- 2
- 8
- 20
1
vote
0 answers
After upgrade AngularJS app to include Angular - marcoTask 'RequestAnimationFrame' exception
We've upgrade a large AngularJS app to Angular. By upgrade I mean bootstrapping Angular app and then bootstrapping AngularJS.
Everything seems to work fine on Chrome but when using FireFox we get the following exception every so often:
macroTask…

Ido Ran
- 10,584
- 17
- 80
- 143
1
vote
3 answers
downgradeModule doesn't start Angular5 part in hybrid app
Angular5 introduced a new way of upgrating app from AngularJS to Angular -
downgradeModule. It should resolve an issue with to eager change detection in this kind of hybrid application. So far, in Angular4 I used UpgradeModule successfully, but it…

LancerX
- 1,211
- 7
- 23
- 40
1
vote
1 answer
Upgrade AngularJS ServiceProvider which provides an interface
I'm trying to upgrade AngularJS service provider (TranslateProvider) which return an instance of an interface from it's $get function.
The problem is that in the Angular provider object (translateProvider) the provide field should be Translate but…

Ido Ran
- 10,584
- 17
- 80
- 143
1
vote
2 answers
Angular UpgradeComponent cannot find $scope
I have a hybrid angular-cli that roughly follows Victor Savkin's Lazy Loaded AngularJS guide. AngularJS is bootstraped in the constructor of a LazyLoaded Angular module. The main difference between my app and the guide is that I am trying to wrap…

Chic
- 9,836
- 4
- 33
- 62
1
vote
2 answers
How to upgrade from Angular 4.2.4 to Angular 4.3
I'm using angular 4.2.4 in my application and I want to upgrade to the latest one (4.3.0)
is there an easy and safe way to do that without breaking my application ?
When searching I found this information from:…

HDJEMAI
- 9,436
- 46
- 67
- 93
1
vote
1 answer
Angular Hybrid app (use angularjs filters in Angular 4)
I am using an hybrid angular app where Angular 1 application runs inside an Angular 4 app. All new components are being developed in Angular 4. However since we have a huge amount of legacy code in Angular 1, I would like to reuse some of the…

Raghu
- 699
- 7
- 14
1
vote
2 answers
Angular: Cannot add property resumeBootstrap, object is not extensible
I have an upgrade / hybrid AngularJS / Angular 2 app and I'm getting this error:
Unhandled Promise rejection: Cannot add property resumeBootstrap,
object is not extensible ; Zone: ; Task: Promise.then ; Value:
TypeError: Cannot add property…

Alexander Taylor
- 16,574
- 14
- 62
- 83
1
vote
1 answer
Angular CLI with Hybrid app ng-build
I'm currently upgrading an AngularJS app to an Angular app, using Angular CLI.
My problem is that when I build the app using ng build, it would copy all the files to the dist folder but will ignore all the AngularJS files.
For all the js files, my…

Ben
- 871
- 2
- 9
- 18
1
vote
1 answer
Getting error in console - AngularJS - boilerplate not found
I am using AngularJS boilerplate https://github.com/jbutko/AngularJS-Boilerplate with:
AngularJS v1.3.20
angular-sanitize 1.6
angular-ui-bootstrap 2.1.4
I am trying to use bootstrap ui of angular. In console, I'm facing this issue…

Awsme Sandy
- 1,398
- 7
- 20
1
vote
2 answers
how to force webpack to load umd bundle of a library
I'm writing an angular1 + angular2 hybrid application which uses webpack as package bundler.
In my code I import a library (@angular/upgrade) in this way
import { UpgradeModule } from '@angular/upgrade/static';
Angular upgrade library is sitting in…

gabric
- 1,865
- 2
- 21
- 32