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

Why is Zone.js changing how AngularJS evaluates attributes?

I have an app with both Angular (2+) and AngularJS (1.x). We are using a third party AngularJS library that reads an object from its attrs array in a link function, like so: //3rd party lib code: module.directive('test', () => ({ template: `Look…
Ryan Silva
  • 925
  • 2
  • 9
  • 17
3
votes
0 answers

Angular hybrid(Ng1/Ng13): No provider for ComponentFactoryResolver$1! while using downgradeComponent

After I updated the angularJS controller in the angular13 component and tried to call it via angularJS + downgradeComponent, the markup on the page ceased to be displayed and an error of this kind appears in the console. Has anyone come across a…
KoenLeth
  • 31
  • 2
3
votes
0 answers

Calling downgradeInjectable to use new Angular service in an AngularJS module throws TypeError

Attempting to use an Angular service in an Angular JS module in a hybrid application is giving one of two errors: Error: [$injector:unpr] Unknown provider: testServiceProvider <- testService - i.e. the service is registered too late for the…
Ash Clarke
  • 4,807
  • 1
  • 37
  • 48
3
votes
1 answer

How can I nest an Angular 2+ form inside an AngularJS form?

I am working on upgrading a big AngularJS application to Angular 5+. This means using new Angular 5 components within a hybrid AngularJS application. In many cases there are forms nested inside other forms. The old AngularJS code has the parent form…
Chris
  • 1,038
  • 10
  • 18
3
votes
1 answer

Building a hybrid angular/angularjs app - how to load angular modules in angularjs app

I'd like to start using Angular components in an existing angularjs project built using gulp and would like to use downgradeModule to create a hybrid Angular/AngularJS app. I'm having a problem with importing AppModule from the Angular project which…
ce57
  • 128
  • 8
3
votes
0 answers

Failed to instantiate module $$UpgradeModule while we run angular 5 in angular 1.x ,at the same time,after I update angualr 5 to 7?

Angular 1.x and Angular 5 are running in our project together, I just upgrade Angular 5 to 7, leave the Angular 1.x part. I am trying to make 1.x and 7 work at the same time. That's where I got this problem, error is : Error: Failed to instantiate…
jess
  • 31
  • 3
3
votes
0 answers

Angular UpgradeModule: can't get element to bind during app bootstrap

I have an old AngularJS app I'm trying to implement an upgrade-in-place using the Angular 6 UpgradeModule. I can get all the code to execute -- I'm logging out states as expected through both the Angular 6 and AngularJS apps. The problem is that I'm…
hastypudding
  • 66
  • 1
  • 3
2
votes
0 answers

Inject Angular service in constructor of app.module in Hybrid Angular app

I am looking at an Angular hybrid app and its new for me. Its app.module.ts has providers with upgraded AngularJS services under providers[..]: It has UpgradeModule injected as: constructor( private upgrade: UpgradeModule ) { } Then, there is…
sunnyshine7890
  • 21
  • 1
2
votes
2 answers

Class constructor UpgradeComponent cannot be invoked without 'new' after Update to Angular 10

I just started to upgrade an Angular project from 9.1.0 to 10.0.12 It is still a hybrid app and has couple of components upgraded (from Angular JS) as described in the Angular docs However after the Update to Angular 10 those upgraded components…
Nicolas Gehlert
  • 2,626
  • 18
  • 39
2
votes
0 answers

using storybook with for hybrid angular app

I'm trying to use storybook with my hybrid (Angular + angularjs) app. import { AjsJsDirective } from './ajs-js.directive'; import { Component } from '@angular/core'; import { storiesOf, moduleMetadata } from '@storybook/angular'; import {…
anvlkv
  • 147
  • 2
  • 11
2
votes
1 answer

Angular 8 Dependency Injection Without TypeScript?

I'm currently following tutorials for migrating an AngularJS (1.5.x) app to an AngularJS / Angular 8 hybrid. It's been decided that we will not use TypeScript just yet, and will stick to JavaScript transpiling with Babel. I can't seem to find…
KyTrol
  • 388
  • 2
  • 7
2
votes
1 answer

Angular Hybrid Application, Upgraded Component with Template Function not receiving $element or $attrs

As the title says, I am working in an Angular Hybrid app. I have an old AngularJS component that uses a template function to dynamically build itself based on the inputs passed in to it. I've upgraded that component to be useable from Angular,…
Ben Black
  • 3,751
  • 2
  • 25
  • 43
2
votes
1 answer

How to access camera/webcamera inside electron app?

I have a web electron application and I want to implement camera in one of the pages. The problem is that lately for security reasons webcam can only be accessed via 'https'. But in case of an Electron app where the application is served locally…
Herbi Shtini
  • 2,002
  • 29
  • 34
2
votes
0 answers

Angular Hybrid performance issues in AngularJS Part - Mousemove causes 100% CPU Load

TLDR Move mouse over Angular Components - everything is fine! Move mouse over AngularJS Components - Very high CPU Load, performance issues, why? We have an Angular Hybrid Application. The used Versions are: Angular: 7.1.3 AngularJS:…
Michael B
  • 1,660
  • 3
  • 28
  • 59
2
votes
0 answers

Is it possible to create an automated PWA installation with user's consent?

I have a web app and have built a respective Electron app for Windows. I want to do the same thing for both IOS and Android without dealing with stores. The app is fully web but it will be hosted only locally, both front-end and back-end. So every…
Herbi Shtini
  • 2,002
  • 29
  • 34
1
2
3 4 5 6 7