Questions tagged [angular-upgrade]

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.

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…
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