Questions tagged [angular-ivy]

Ivy is the code name for Angular's next-generation compilation and rendering pipeline. Use this tag for Angular questions which are specific to only the rendering engine.

Ivy is the code name for Angular's next-generation compilation and rendering pipeline. With the version 9 release of Angular, the new compiler and runtime instructions are used by default instead of the older compiler and runtime, known as View Engine.

213 questions
2
votes
3 answers

Angular 9 application build fails when working with linked libraries

I am developing an application and a bunch of libraries to be used in the application. All are recently upgraded to Angular 9. The libraries are configured to build without ivy and the application is configured to build with ivy, which is as per the…
Tanmay Ray
  • 63
  • 5
2
votes
1 answer

Angular 10 Ivy With Webpack 4 Remove ng Debug Info

I have successfully build angular 10 ivy project with @ngtools/webpack. Everything works fine but in prod build only issue is that debug function are available, ng.getContext() ng.getHostElement() $0.__ngContext__ etc function are available on…
vito
  • 473
  • 1
  • 7
  • 17
2
votes
2 answers

Create a true plugin architecture using angular ivy

I'm working at a project where we wanna build a web frontend using a "true" plugin architecture. Well, what do I mean saying "true". Imagine having a web app for configuration. The frontend of this app can dynamically change as we are able to…
2
votes
0 answers

ERROR in Error: [class] and [className] bindings cannot be used on the same element simultaneously

I have updated Angular to version 9, but during compilation getting this error - ERROR in Error: [class] and [className] bindings cannot be used on the same element simultaneously at StylingBuilder.registerClassInput…
Owais
  • 57
  • 1
  • 6
2
votes
0 answers

angular 9 + ivy ng build --prod fails in CI (github) as incompatible but workslocally on windows + wsl ubuntu with the exact same versions?

So I'm trying to build my angular SPA with ivy and latest version of Angular 9, but the angular material modules are throwing an error in CI when trying to build them. This only happens in the github action and it is right away, console output: $…
SebastianG
  • 8,563
  • 8
  • 47
  • 111
2
votes
1 answer

angular 9 - async best practises?

After upgrading from 8 to 9 async logic in html doesn't work anymore. like this
Out of…
user3110458
  • 374
  • 5
  • 17
2
votes
1 answer

Angular9 : ngcc failing to run

I am trying to update from Angular 8 to 9 (Ivy). I am trying to consume a shared library which is compiled using Angular 8. I have added: "postinstall":"ngcc" in my package.json and tried running ngcc. Everytime it gives me the following…
userx
  • 1,083
  • 5
  • 18
  • 36
2
votes
1 answer

Template must be a string error in Angular 9

I'm trying to realize dynamic template in Angular 9 app, based on this example [https://plnkr.co/edit/yftZxS45CQpwi3uIM4BV?preview][1] In Angular 7 it works fine, but in 9 it give errors: ERROR in src/app/html-outlet.ts:32:19 - error NG1010:…
MichaelSun
  • 90
  • 1
  • 9
2
votes
1 answer

What the difference between markDirty() and markForCheck()

With new Ivy compilation and rendering pipeline we also have a few new functions for working with change detector. I'm interested in markDirty(). As far as I understand this function provides an ability to schedule change detection firing for a…
2
votes
1 answer

Angular 9 Ivy, NgControl not initialized in Directive

I'm attempting to update my project to Angular9 / Ivy and face following problem. I have a custom "disabledControl" directive, as described in the following Blog…
2
votes
0 answers

Type 'FormGroup' is not assignable to type 'FormControlLike'

I turned ON Ivy compiler in my project which started in Angular 7 at the beginning and it is now running on Angular 9 and Ivy. So when running npm run build I got this errors: Type 'FormGroup' is not assignable to type 'FormControlLike'. The…
armandyjoe
  • 123
  • 2
  • 10
2
votes
2 answers

Is it more performant to pass data to components or to use a singleton service

I have this dashboard creating app that has pretty deeply nested components and I need to propagate state, such as the current dashboard, down to these components. The current dashboard is a rather large object that contains all information about…
Austen Stone
  • 948
  • 1
  • 10
  • 21
2
votes
2 answers

Template errors after migration Angular 6 -> 9

I just did the migration from Angular 6 to Angular 9, one of the most important dependency could not be used on Angular 6. I follow the steps from ng update: ng update ng update rxjs ng update @angular/cli ng update @angular/core The problem is…
Martin Paucot
  • 1,191
  • 14
  • 30
2
votes
1 answer

Using webpack's `require.context` with angular cli and ivy

We're trying to port an angular application that was built without the angular cli (uses webpack directly and a custom server) to angular 9 with cli. The upgrade to angular 9 itself worked perfectly. After we started using the angular cli, we faced…
mrahhal
  • 3,322
  • 1
  • 22
  • 41
2
votes
2 answers

How to render and load dynamically a component with Angular 9 (Ivy)

I used to load and render my components by its name with a service using ComponentFactoryResolver. This is a part of the code, the one which renders the component //Get the Type of the component by its string's name const type: Type =…
Jase
  • 87
  • 8