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

All url with same prefix should load a particular component in angular-hybrid router

In a hybrid (AngularJs + Angular) angular application, I want to load a component (say ExampleComponent) if the URL prefix starts with /test. Let's say, I want to load the ExampleComponent each time if any of the below url is…
pcghose
  • 179
  • 16
0
votes
1 answer

Is it possible to inject an Angular 2+ service (`@Injectable()`) into an AngularJS controller?

I'm working on a Angular10/AngularJS hybrid app and was wondering if it's possible to inject an Angular 10 service into an existing AngularJS controller. I tried injecting my service (created with @Injectable()) to one of my controllers but I was…
Anthony Park
  • 3
  • 1
0
votes
0 answers

Bootstrapping angularjs using angular

I am trying to bootstrap angularjs using angular. Both applications are in different directories, like this. Webapp Angular Angularjs When I try to use the upgrade module in my angular to bootstrap the angularjs, I get this error saying that…
Yaya
  • 9
  • 1
0
votes
1 answer

Is AngularJS Conversion to .ts required for Angular/AngularJS Hybrid Application?

Undertaking upgrade of an AngularJS v1.25 to Angular 14, using the ng-Upgrade approach as described on angular.io/guide/upgrade. To make things even steeper, our app's main page is ASP.NET MVC 5. I would like to use the Angular CLI for the new…
jessewolfe
  • 372
  • 3
  • 10
0
votes
1 answer

Can't bind to 'ngFor' since it isn't a known property of ... on hybrid AngularJS & Angular application

I have a hybird AngularJS and Angular application. I want to downgrade my Angular test.component but I keep getting the following error: Can't bind to 'ngFor' since it isn't a known property of ... Can't bind to 'ngModule' since it isn't a known…
Y.Y.
  • 664
  • 1
  • 6
  • 22
0
votes
1 answer

Ionic menu unable to open after navigate to the same page from other page

I have a page (called as Page A) contains 2 menus. Left side menu is filtering function menu which is the component inside the page. Right side menu is general menu which can open in all pages. Both menu have no issue in normal flow like Home Page…
yennis
  • 1
  • 1
0
votes
1 answer

Within hybrid app, trying to test AngularJS service which has Angular dependency that was downgraded

I have an AngularJS service which has a dependency that has been converted to a .ts Angular service. In my main entry point file, I did this: angular .module('MyNg1Module') .factory('MyDowngradedService',…
patrick
  • 9,290
  • 13
  • 61
  • 112
0
votes
0 answers

Angular Hybrid : error with LoadChildren and upgraded component

I'm trying to create an Hybrid App (Angular + AngularJS) with lazy loaded Angular modules. When I try to lazy load a module with a component that hold an upgraded AngularJS component I have the following error : Route const appRoutes: Routes = [ …
Pak
  • 2,639
  • 2
  • 21
  • 27
0
votes
1 answer

How to inject AngularJS dependencies while calling from Angular module

I am trying to host a simple hybrid application (AngularJS + Angular 7). I was able to set the basic and bootstrap both the modules based on the guidelines. I was able to establish the communication from AngularJS to Angular. I followed the…
CrazyMac
  • 462
  • 4
  • 19
0
votes
2 answers

How to route via code in an Angular hybrid app

I'm working on a Hybrid Angular/AngularJS app. The main AppModule is Angular module that uses AppRoutingModule that uses a given state. Something like that: AppModule: imports: [AModule, BModule, AppRoutingModule, ...] AppRoutingModule: imports:…
elmekiesIsrael
  • 133
  • 1
  • 3
  • 11
0
votes
1 answer

Angular Upgrade for Performance No provider for $rootscope, $location

I have setup Angular Hybrid setup using Angular upgrade for performance approach and able to run the application without any issues. But, I am facing an issue running Angular side test cases, I have provided the components, spec and all related…
Chandan Kumar V
  • 123
  • 4
0
votes
0 answers

Angular Hybrid Approach, AngularJS and Angular9

I'm pretty new to the hybrid approach and Angular JS. I have a requirement to migrate few screens of AngularJS project(existing) to Angular9. Current AngularJS project is using contoller based angularjs v.1.4 , GULP as task runner and SASS for…
swathi nallapaneni
  • 27
  • 3
0
votes
0 answers

How to substitute ng-repeat and ng-include of AngularJS to Angular 8?

I was wondering how can I substitute doing something like this from AngularJS to Angular:
  • I have been trying to do this, but I am not sure it is the right way as it not…
    Cecilia Mesquita Pacheco
    • 13
    • 4
    0
    votes
    0 answers

    mat-select with mat-select-trigger unresponsive in downgraded Angular / AngularJS app

    I have an hybrid Angular / AngularJS app in which in the AngularJS side I raise a modal window using a service in the Angular app that contains an Angular component. All is good, the modal is raised, the component shown however the component has a…
    Mike Sav
    • 14,805
    • 31
    • 98
    • 143
    0
    votes
    0 answers

    Can we prevent AngularJS from adding ng-scope to Angular 9 component elements?

    I just recently moved over a legacy AngularJS application into an Angular9 shell in order to facilitate a smoother migration down the line. Despite being able to render my Angular9 component through the AngularJS router, it appears as if the…
    ManBearPig
    • 83
    • 1
    • 17
    1 2 3 4
    5
    6 7