Stack Overflow
Stack Overflow

Questions tagged [angular-hybrid]

For questions about running AngularJS and Angular 2+ frameworks side-by-side

For questions about running AngularJS and Angular 2+ frameworks side-by-side

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

104 questions
2
votes
0 answers

Angular 6 Router not detecting Url change with angularjs $location service

I have a hybrid angular application using Angular 6 and AngularJS 1.6.4. I have defined all the routes in Angular module and upgraded the AngularJS components using UpgradeComponent as stated in Upgrade Guide. When I try to navigate from one…
dkthedon
  • 71
  • 1
  • 6
2
votes
1 answer

Angular 2+ can't find Angular 1.X to bootstrap

I'm trying to bootstrap an Angular 1.X app with Angular 2+ (Angular 4.1.0 at the time of writing this question). I followed the online guide to the T but can't seem to make headway. I'm using a hybrid of ES2015+ (compiled via Babel) and TypeScript.…
antjanus
  • 987
  • 3
  • 15
  • 30
1
vote
0 answers

Issues when updating from Angular 11/AngularJS hybrid to Angular 14/ AngularJS hybrid

We are using @angular-builders/custom-webpack in our angular.json file in order to allow a custom webpack config extension. I know that in Angular 12, preprocessing has switched to Webpack 5. Here is my extend-webpack.config.js file that has worked…
Alexandru Macavei
  • 45
  • 4
1
vote
0 answers

Migrate AngularJS to Angular through Angular CLI + Hybrid application

I'm working through a tutorial where a new Angular app is created with CLI then the ngUpgrade module is bootstapped and the old AngularJS code is copied in to run as a hybrid application. Here is the…
Sam Heck
  • 11
  • 1
1
vote
1 answer

AngularJs upgrade Unknown Provider after bootstrapping change

I am attempting to upgrade a large angular.js app (1.5.9) to the latest version of Angular. I am in the process of turning the app into a hybrid AngularJs/Angular app and have reached this step in the…
DeejC
  • 117
  • 13
1
vote
0 answers

Android app install referral tracking in angular web-wrapped app?

I want to know, is it possible to track the install referral in angular web-wrapped android application? If it is possible then please let me know. I have searched a lot, but I have found nothing.
Satinderpal Singh
  • 549
  • 3
  • 16
1
vote
1 answer

Getting error when adding @uirouter/angular-hybrid in angular

I'm facing the below issue when executing my angular project. I have installed @uirouter/angular-hybrid as well. But still, I'm getting this error ERROR in The target entry-point "@uirouter/angular-hybrid" has missing dependencies: -…
Olive
  • 149
  • 1
  • 4
  • 13
1
vote
0 answers

Cannot test angular pipe with injected angularjs service

AngularJS Service: app.service('NameService', function() { this.name = function (name) { return "Hello " + name; } }); Angular Upgrade: import { InjectionToken } from "@angular/core"; export const NameService = new…
lostintranslation
  • 23,756
  • 50
  • 159
  • 262
1
vote
2 answers

Angular 8 hybrid app not recognizes AngularJS components

I started developing a hybrid application. So I have done th folllowing steps: add Angular 8 dependencies add polyfills.ts remove ng-app attribute from my root index.html do a manual bootstrap of AngularJs app How looks my Angular init…
kirill.login
  • 899
  • 1
  • 13
  • 28
1
vote
0 answers

Can I downgrade, in a lazy loaded module, the ModalService from Valor Software's ngx-bootstrap?

I have a very large hybrid Angular app; the original app is angularjs 1.6.8 while the rest is Angular 7.2.15. We are working to convert the entire app to Angular, but it is slow going. Our app also relies on angular-ui-bootstrap (2.5.0) /…
nephiw
  • 1,964
  • 18
  • 38
1
vote
2 answers

How to load templates in angular Hybrid application?

I have recently migrated the app from angular 1.7 to Angular 8. On loading the application it was unable to load the templates. Then I used require('./tempalte-name') in the directives to load. But then it gave exception that "Module parse failed:…
Amandeep Singh Dhammu
  • 17
  • 5
1
vote
2 answers

"Reference Error: Angular is not defined" in Karma test for hybrid app

I'm trying to write a unit test for an angular component in a hybrid app. The component in question uses "let var = angular.element (.....)" in one of its methods, and this is the code that is causing the error. The project builds fine, and…
skeffin
  • 53
  • 4
1
vote
1 answer

How to use Angular 2 component in Angular 1 app using @angular/upgrade

This question might be duplicate but I have tried all possible options. I am trying to use my Angular 2 component in Angular 1 app using @angular/upgrade. angular2 files :- simple hello component in app/components/hello. hello.component.ts import {…
Piyush Jain
  • 1,895
  • 3
  • 19
  • 40
1
vote
1 answer

Passing an AngularJS Array to a Downgraded Angular 7 Component

I am working on converting an AngularJS application to Angular. I am currently running a hybrid solution with most of the components still being AngularJS components, and am slowly rewriting components to Typescript. I am trying to downgrade an…
jlat96
  • 491
  • 1
  • 5
  • 10
1
vote
1 answer

Removing single quotes around downgraded angular 2 component's properties causes strange behavior

I have a downgraded angular 2 component that works fine in an AngularJS component until I remove the single quotation marks around the component's second property. EDIT: This filetype this component is used in is ng.jade . This works:…
Edward Graham
  • 13
  • 3
1 2
3
4 5 6 7