I'm currently working on an angular hybrib app (angular + angularJs).
The app use angular-gettext and ngx-translate for translation.
Both work in their own runtime but I can't make it work when I downgrade an Angular component into an angularJs one.
I wonder if there is a mismatch between the two translate directives ?
Related
I have an AngularJS application(say x) which we were using as a directive in our other AngularJS applications before.
Now we are using Angular 8 for our new applications and we need to use the same AngularJS component(x).
Is there a way to do that without migrating the code of this component x to newer Angular version since the code of this component x is huge.
Someone told me to use micro frontend but i couldn't understand how to use that in this scenario.
Any thoughts/suggestions would be greatly appreciated!
One possible way is to transform your Angular 8 application in an hybrid application that can bootstrap each of the Angular and AngularJS parts. To do that your AngularJS app needs to be in 1.5
See this documentation to turn your app in an Hybrid app : https://angular.io/guide/upgrade
Then, you extract your AngularJS directive in a package that can be use in both applications and avoid duplicated code.
And maybe this old topic can help you :) : Use AngularJS directive in Angular Component
i am just using an angular component library called gridster in my large angularjs application. for that i made my app hybrid, as in future we are planning to upgrade our application to be on completely on angular. i am using 1.4.3 angularjs and 6.0 angular version.
after making my application it has become very slow.
Any suggestion please.
most of the module and directives is angularjs, i have followed standard approach of upgrade provided in angular documentation. downgraded angular gridster component.
I use old version Angular JS 1.5.
When backend returns views where was integrated Angular JS, it rendering with showing source code. So, awhile I can see Angular JS code, after it is rendered.
How to fix it? I tried ng-cloak. But it does not work for me
If I want to use the Angular-upgrade module in my Angular1 application it seems like I have to bootstrap the whole app using Angular2's bootstrapping, including ditching the ng-app declaration. My team is very interested in graduating our apps' components over time to Angular 2, but touching the bootstrapping is a little too impactful for us at this moment.
In order to use the Upgrade Adapter do I have to transform the way my app bootstraps in order to use an Angular2 component? Is there anyway to use an Angular2 component in a full Angular1 app?
Here's a great article that describes multiple scenarios for upgrading, but none of them leave the app bootstrapped as a normal Angular1 app.
Short answer is No.
From angular documentation
Pure Angular 1 applications can be bootstrapped in two ways: By using
an ng-app directive somewhere on the HTML page, or by calling
angular.bootstrap from JavaScript. In Angular 2, only the second
method is possible - there is no ng-app in Angular 2. This is also the
case for hybrid applications. Therefore, it is a good preliminary step
to switch Angular 1 applications to use the JavaScript bootstrap
method even before switching them to hybrid mode.
For better understanding how upgrade works read this article from official documentation https://angular.io/docs/ts/latest/guide/upgrade.html
I know that each of the following packages can individually work with IE8:
Angular JS (upto version 1.3), React JS, and Breeze JS
However using Breeze and Angular together does not within IE8 as discussed in detail Breeze and Angular 'ToDo' app does not work with IE 8
Is there any experience using React with Breeze within an Angular App to support IE8?
Thanks,
React + breeze wont work on IE8 for the same reason that angular + breeze wont work there: lack of support for Object.definedProperty.
We do not plan to make further attempts to overcome deficiencies of IE8.