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
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
Is it possible to integrate Angular js directive inside Angular 7 component at the runtime. The Angular js is a separate project module with its own folder stucture.This folder structure includes directives as well. Can these angular js directives be imported into Angular 7 application by providing the directive's file path and used in Angular 7 component template. Kindly suggest if there is a way to do this.
This is NOT recommended. The architectures and life cycles of both are very different and you are just increasing the chances of errors, time and effort by doing so.
To answer your question: Yes, there is a way to do it as you can manipulate the DOM using any JS lib/framework and by using your ng7's #ViewChild/templateRefs to gain control of the element, but you will face issues while updating data to/from Angular7.
I'd highly suggest you make a new ng2+ component and import the code from your old project and work on it to make it into an Angular2+ component.
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 ?
We are working on pure javaScript project, which could really benefit by using angular js but it's a huge project and re-writing the whole project in angular is not an option . Does anyone have any idea or advice about integrating angular with an existing project
Angular is a framework. It's all or nothing...you are going to rewrite everything just due to the nature of how Angular works. You can't really just 'sprinkle' some Angular on top of it because Angular controls the entire view.
It may be possible to just use Angular in a certain area of the page, but this would be a huge waste of resources (Angular minified is 143K) and make for terrible code.
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.