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
0
votes
2 answers

No provider for $injector- In AngularJs + Angular 8 Hybrid application unit test case

I am writing the unit test cases for the Angular 8 app. This is the hybrid application with AngularJs + Angular 8. I'm getting following error: NullInjectorError: StaticInjectorError(DynamicTestModule)[TestService -> $injector]: …
0
votes
1 answer

Angular router.navigate fails to navigate after first successful routing in a angular-hybrid application

I have a hybrid application in AngularJS (1.5.6) and Angular (7.2.0) in which I am trying to implement routing which works for both Angular and AngularJS components. I have used the following link to change the routing configuration for Angular…
Riyaz K
  • 1
  • 1
0
votes
1 answer

Angular CLI doesn't generate code for a downgraded module in production mode

I'd like to start using Angular components in an existing angularjs project would like to use downgradeModule to create a hybrid Angular/AngularJS app. I've been able to downgrade my angular components using this code in the main.ts file: import {…
ce57
  • 128
  • 8
0
votes
0 answers

Attempting to use UpgradeComponent results in TypeError during initializeBindings

I've got a problem, when I'm trying to use an angularJS component inside of angular 2, during the UpgradeComponent.initializeBindings method it encounters this error: at Function.keys () at…
0
votes
1 answer

define a global sass variable with angular-cli

In my project, I need to inject a global variable to be used across the app, from an environment file, into SCSS files. Following an advice such as this, isn't possible for me since the app contains ~50 different possible configs, so maintaining so…
Nitsan Baleli
  • 5,393
  • 3
  • 30
  • 52
0
votes
2 answers

Upgrading to an Angular/AngularJS hybrid application: getting typescript errors / AngularJS import errors

We are in the process of upgrading an AngularJS application to Angular with the incremental approach: we would like to be able to create new components in Angular and upgrade existing AngularJS components one by one, all this still with a functional…
0
votes
1 answer

Hybrid Angular App Testing with Karma Cannot Load HTML

We have a hybrid Angular app that uses karma for unit testing. I'm trying to add our first suite of tests but I'm getting some errors that indicate karma cannot find the dashboard.component.html. View: import { Component, OnInit } from…
0
votes
1 answer

uirouter/angular-hybrid AoT build bootstrapModuleFactory promise injector fails to get UIRouter

I've got a sample uirouter/angular-hybrid app, successfully built with @ngtools/webpack AngularCompiler plugin and running. I've updated the main.aot.ts boot function to use bootstrapModuleFactory and can get the injector from the platformRef…
Anatortoise House
  • 4,941
  • 1
  • 22
  • 18
0
votes
1 answer

SFDC Mobile SDK API Call - Request Timeout

Hybrid Mobile App Cordova 8.0.0 Angular 1.7.5 Salesforce MobileSDK 6.2 Method - force.apexrest Issue - Salesforce REST API Call - Request Timeout (20%). Details - When the mobile app is hitting an SFDC custom REST API then sometimes it gets…
0
votes
0 answers

Use KendoUI AngularJS directive in Angular Component

We have an Hybrid app (AngularJS 1.6 & Angular 5) which uses Kendo UI for AngularJS. Architecture of the AngularJS side of the app is fully based on components. We are slowly moving each AngularJS component to Angular and have one component which is…
pateketu
  • 451
  • 2
  • 8
0
votes
1 answer

ui-router/angular-hybrid - route not recognized on initial load/reload

It seems that routes that are registered within ng2+ module using the @ui-router/angular-hybrid are not recognized on initial load/reload. The same route is working if e.g. navigated by typing the url. I've followed the official upgrade docs from…
seidme
  • 12,543
  • 5
  • 36
  • 40
0
votes
1 answer

Include AngularJs javascript files into Angular cli

I have a legacy Angular JS application and now working in tandem with few new Angular 5 components using upgrade module. Following this post here Currently, I need to include all my AngularJs code into my index.html. But, I want to include all JS…
User3250
  • 2,961
  • 5
  • 29
  • 61
0
votes
3 answers

How to upgrade from angular 1.4 to angular 5?

To upgrade from angular 1.4 to Angular 5 is it possible to use ngupgrade and follow incremental approach or it is strictly applicable to use ngupgrade from version 1.5. According to the image the prerequisites mentioned 1.5 is used for ngUpgrade.
0
votes
1 answer

Can't Resolve Parmeters Error in Component after Clicking on Another Component

I get this error: core.js:1624 ERROR Error: Uncaught (in promise): Error: Can't resolve all parameters for GroupAddComponent: ([object Object], [object Object], ?, [object Object], [object Object], [object Object]). Error: Can't resolve all…
Edgar Quintero
  • 4,223
  • 2
  • 34
  • 37
0
votes
1 answer

Need help migrating from AngularJS to Angular 6

I have an old AngularJS app and I want to migrate to Angular 6 using the hybrid app method. Before I do so, I wanted to follow the upgrade tutorial: Phonecat upgrade tutorial So I cloned the Phonecat AngularJS app and followed the steps. I'm stuck…
vIceBerg
  • 4,197
  • 5
  • 40
  • 53