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

votes

1 answer

Angular: strictTemplates - How to set boolean and numbers in Templates properly?

I set strictTemplates:true and use in a HTML template the following

<div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Oct 20 '20 at 08:37">asked Oct 20 '20 at 08:37</time>
    <a href="../../users/325868/leo" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/325868.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="LeO" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/325868/leo" class="s-user-card--link">LeO</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">4,238</li>
            <li class="s-award-bling s-award-bling__gold" title="4 gold badges">4</li>
            <li class="s-award-bling s-award-bling__silver" title="48 silver badges">48</li>
            <li class="s-award-bling s-award-bling__bronze" title="88 bronze badges">88</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-60862375">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>11</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/60862375/should-ngcc-entry-points-json-be-added-to-source-control" class="question-hyperlink">Should __ngcc_entry_points__.json be added to source control</a></h3>
        <div class="excerpt">During the update to Angular 9.1, a file called __ngcc_entry_points__.json appeared in all my root folders in the project. Should this file be added to source control, or ignored?
It seems to just contain some hash information, so I assume it can be…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Mar 26 '20 at 07:07">asked Mar 26 '20 at 07:07</time>
    <a href="../../users/3950006/rasmus-hansen" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/3950006.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Rasmus Hansen" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/3950006/rasmus-hansen" class="s-user-card--link">Rasmus Hansen</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">1,502</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="17 silver badge">17</li>
            <li class="s-award-bling s-award-bling__bronze" title="28 bronze badge">28</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-60526060">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>11</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/60526060/error-tried-to-overwrite-package-path-ivy-ngcc-bak-with-an-ngcc-back-up-file-w" class="question-hyperlink">Error: Tried to overwrite <package_path>.__ivy_ngcc_bak with an ngcc back up file, which is disallowed</a></h3>
        <div class="excerpt">I have upgraded from Angular 8 to 9 and have enabled Ivy following all the steps here.  When I run npm install a handful of my packages throw the error: 
Tried to overwrite <package_path>.__ivy_ngcc_bak with an ngcc back up file, which is…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/npm" class="post-tag grid--cell" title="show questions tagged 'npm'" rel="tag">npm</a> 
                
                <a href="../../questions/tagged/angular9" class="post-tag grid--cell" title="show questions tagged 'angular9'" rel="tag">angular9</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Mar 04 '20 at 12:26">asked Mar 04 '20 at 12:26</time>
    <a href="../../users/9281001/kyle-abens" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/9281001.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Kyle Abens" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/9281001/kyle-abens" class="s-user-card--link">Kyle Abens</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">243</li>
            
            <li class="s-award-bling s-award-bling__silver" title="4 silver badges">4</li>
            <li class="s-award-bling s-award-bling__bronze" title="18 bronze badges">18</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-56643617">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>11</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/56643617/angular-ivy-compiler-and-webpack" class="question-hyperlink">Angular Ivy compiler and webpack</a></h3>
        <div class="excerpt">We would like to use the new Angular 8 Ivy compiler with webpack. We don't use Angular CLI. Is this possible? How can this be done? I can't seem to find information regarding this requirement.
</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/webpack" class="post-tag grid--cell" title="show questions tagged 'webpack'" rel="tag">webpack</a> 
                
                <a href="../../questions/tagged/angular-builder" class="post-tag grid--cell" title="show questions tagged 'angular-builder'" rel="tag">angular-builder</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 18 '19 at 07:14">asked Jun 18 '19 at 07:14</time>
    <a href="../../users/2174621/stephan-peters" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2174621.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="stephan.peters" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2174621/stephan-peters" class="s-user-card--link">stephan.peters</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">963</li>
            
            <li class="s-award-bling s-award-bling__silver" title="13 silver badges">13</li>
            <li class="s-award-bling s-award-bling__bronze" title="35 bronze badges">35</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-64593775">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>10</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/64593775/angular-10-unable-to-write-a-reference" class="question-hyperlink">Angular 10: Unable to write a reference</a></h3>
        <div class="excerpt">I tried upgrading from angular 8 to 10 following angular update guide.
My project is consisting of core application, shared (2 libs, google map and shared components)  and one extra apk fsm (2libs, the application and its metadata).
Build of core…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/typescript" class="post-tag grid--cell" title="show questions tagged 'typescript'" rel="tag">typescript</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Oct 29 '20 at 15:01">asked Oct 29 '20 at 15:01</time>
    <a href="../../users/5049687/ssapp" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/5049687.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="ssapp" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/5049687/ssapp" class="s-user-card--link">ssapp</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">313</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="5 silver badge">5</li>
            <li class="s-award-bling s-award-bling__bronze" title="13 bronze badge">13</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-64060616">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>10</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/64060616/angular-10-cannot-read-property-bindingstartindex-of-null-when-using-library-w" class="question-hyperlink">Angular 10 Cannot read property 'bindingStartIndex' of null when using Library while rendering component from different workspace</a></h3>
        <div class="excerpt">I created an Angular-Library which is outside of my App-Workspace. The result is that I have two different workspaces.
My first approach was building my Library and link /dist folder with my App. This worked not so fine with ng serve but anyways I…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/typescript" class="post-tag grid--cell" title="show questions tagged 'typescript'" rel="tag">typescript</a> 
                
                <a href="../../questions/tagged/angular-module" class="post-tag grid--cell" title="show questions tagged 'angular-module'" rel="tag">angular-module</a> 
                
                <a href="../../questions/tagged/angular-library" class="post-tag grid--cell" title="show questions tagged 'angular-library'" rel="tag">angular-library</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Sep 25 '20 at 08:32">asked Sep 25 '20 at 08:32</time>
    <a href="../../users/11915263/janmod" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/11915263.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="JanMod" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/11915263/janmod" class="s-user-card--link">JanMod</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">364</li>
            
            <li class="s-award-bling s-award-bling__silver" title="2 silver badges">2</li>
            <li class="s-award-bling s-award-bling__bronze" title="9 bronze badges">9</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-52338277">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>10</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/52338277/error-ts5023-unknown-compiler-option-enableivy" class="question-hyperlink">error TS5023: Unknown compiler option 'enableIvy'</a></h3>
        <div class="excerpt">I am trying to add IVY to my angular 7 beta project. So, I added enableIvy: true to src/tsconfig.app.json in compilerOptions section
But when I run ng build --prod --aot --output-hashing none I get below error.
error TS5023: Unknown compiler option…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/typescript" class="post-tag grid--cell" title="show questions tagged 'typescript'" rel="tag">typescript</a> 
                
                <a href="../../questions/tagged/angular7" class="post-tag grid--cell" title="show questions tagged 'angular7'" rel="tag">angular7</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Sep 14 '18 at 19:36">asked Sep 14 '18 at 19:36</time>
    <a href="../../users/537647/aniruddha-das" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/537647.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Aniruddha Das" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/537647/aniruddha-das" class="s-user-card--link">Aniruddha Das</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">20,520</li>
            <li class="s-award-bling s-award-bling__gold" title="23 gold badges">23</li>
            <li class="s-award-bling s-award-bling__silver" title="96 silver badges">96</li>
            <li class="s-award-bling s-award-bling__bronze" title="132 bronze badges">132</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-65081584">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>9</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/65081584/angular-library-compile-time-error-invariant-violated-no-format-path-or-format" class="question-hyperlink">Angular Library Compile Time Error "Invariant violated: No format-path or format"</a></h3>
        <div class="excerpt">I have an Angular 11 project that is trying to integrate SpreadJS Designer, but is failing during the ngcc step Compiling @grapecity/spread-sheets-designer-angular : esm2015 as esm2015 with the exception:

Error on worker #3: Error: Invariant…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
                <a href="../../questions/tagged/spreadjs" class="post-tag grid--cell" title="show questions tagged 'spreadjs'" rel="tag">spreadjs</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Nov 30 '20 at 21:44">asked Nov 30 '20 at 21:44</time>
    <a href="../../users/212215/vicatcu" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/212215.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="vicatcu" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/212215/vicatcu" class="s-user-card--link">vicatcu</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">5,407</li>
            <li class="s-award-bling s-award-bling__gold" title="7 gold badges">7</li>
            <li class="s-award-bling s-award-bling__silver" title="41 silver badges">41</li>
            <li class="s-award-bling s-award-bling__bronze" title="65 bronze badges">65</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-60241476">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>9</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/60241476/hmr-fails-with-angular-9-ivy-type-appcomponent-is-part-of-the-declarations-of-" class="question-hyperlink">HMR fails with Angular 9 + IVY: Type AppComponent is part of the declarations of 2 modules: AppModule and AppModule</a></h3>
        <div class="excerpt">Affected Package
HMR + IVY
Is this a regression?
pre-IVY, it works
Description
Seems IVY and HMR don't play well together? However I've seen tickets of them that are closed so I suppose it should be possible.
I have on re-load after code…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/webpack-hmr" class="post-tag grid--cell" title="show questions tagged 'webpack-hmr'" rel="tag">webpack-hmr</a> 
                
                <a href="../../questions/tagged/hot-module-replacement" class="post-tag grid--cell" title="show questions tagged 'hot-module-replacement'" rel="tag">hot-module-replacement</a> 
                
                <a href="../../questions/tagged/angular9" class="post-tag grid--cell" title="show questions tagged 'angular9'" rel="tag">angular9</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Feb 15 '20 at 17:49">asked Feb 15 '20 at 17:49</time>
    <a href="../../users/2904959/1antares1" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2904959.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="1antares1" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2904959/1antares1" class="s-user-card--link">1antares1</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">1,146</li>
            <li class="s-award-bling s-award-bling__gold" title="2 gold badges">2</li>
            <li class="s-award-bling s-award-bling__silver" title="11 silver badges">11</li>
            <li class="s-award-bling s-award-bling__bronze" title="19 bronze badges">19</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-62445723">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>8</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>4</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/62445723/matcheckbox-has-not-been-processed-correctly-by-ngcc-or-is-not-compatible-with" class="question-hyperlink">MatCheckbox has not been processed correctly by ngcc, or is not compatible with Angular Ivy</a></h3>
        <div class="excerpt">I'm trying to use the latest Angular Material with Angular 9 but I encountered below problem 
and here is my app.modul.ts
import { NgModule } from '@angular/core';
import { CommonModule, CurrencyPipe } from '@angular/common';
import { FormsModule,…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/checkbox" class="post-tag grid--cell" title="show questions tagged 'checkbox'" rel="tag">checkbox</a> 
                
                <a href="../../questions/tagged/angular-material" class="post-tag grid--cell" title="show questions tagged 'angular-material'" rel="tag">angular-material</a> 
                
                <a href="../../questions/tagged/angular9" class="post-tag grid--cell" title="show questions tagged 'angular9'" rel="tag">angular9</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 18 '20 at 08:32">asked Jun 18 '20 at 08:32</time>
    <a href="../../users/3189162/abdulaziz" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/3189162.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Abdulaziz" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/3189162/abdulaziz" class="s-user-card--link">Abdulaziz</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">654</li>
            <li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li>
            <li class="s-award-bling s-award-bling__silver" title="12 silver badges">12</li>
            <li class="s-award-bling s-award-bling__bronze" title="37 bronze badges">37</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-64981477">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>7</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>0</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/64981477/get-list-of-all-current-registered-components-in-angular-9" class="question-hyperlink">Get List of ALL current registered Components in Angular 9</a></h3>
        <div class="excerpt">In angular 8, we could do this to get list of all registered components:
    //resolver is ComponentFactoryResolver
    const factories = Array.from(this.resolver['_factories'].values());

//selector is used so that it will work in production…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular9" class="post-tag grid--cell" title="show questions tagged 'angular9'" rel="tag">angular9</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Nov 24 '20 at 06:48">asked Nov 24 '20 at 06:48</time>
    <a href="../../users/2779307/gaurav-srivastava" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/2779307.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Gaurav Srivastava" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/2779307/gaurav-srivastava" class="s-user-card--link">Gaurav Srivastava</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">3,232</li>
            <li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li>
            <li class="s-award-bling s-award-bling__silver" title="16 silver badges">16</li>
            <li class="s-award-bling s-award-bling__bronze" title="36 bronze badges">36</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-64863163">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>7</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/64863163/uncaught-in-promise-typeerror-cannot-read-property-ocmp-of-undefined-in-angula" class="question-hyperlink">Uncaught (in promise): TypeError: Cannot read property 'ɵcmp' of undefined in angular 10</a></h3>
        <div class="excerpt">I am getting this error Uncaught (in promise): TypeError: Cannot read property 'ɵcmp' of undefined in angular when trying to load the app I just compiled with --prod flag with both optimization and buildOptimizer set as true, when I set both to…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular10" class="post-tag grid--cell" title="show questions tagged 'angular10'" rel="tag">angular10</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Nov 16 '20 at 17:52">asked Nov 16 '20 at 17:52</time>
    <a href="../../users/14641973/muhammad" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/14641973.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Muhammad" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/14641973/muhammad" class="s-user-card--link">Muhammad</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">71</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="1 silver badge">1</li>
            <li class="s-award-bling s-award-bling__bronze" title="4 bronze badge">4</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-60653374">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>7</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/60653374/issue-on-angular-production-build-on-angular-9-migrate" class="question-hyperlink">issue on angular production build on angular 9 migrate</a></h3>
        <div class="excerpt">
hello Everyone, i am getting issue on angular after migration, I have
  migrated the project to angular 9 from angular 8 . the angular with ng
  server --prod works in version 8 but on version 9 i am getting error .
  i have checked with ng build…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular2-aot" class="post-tag grid--cell" title="show questions tagged 'angular2-aot'" rel="tag">angular2-aot</a> 
                
                <a href="../../questions/tagged/angular9" class="post-tag grid--cell" title="show questions tagged 'angular9'" rel="tag">angular9</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
                <a href="../../questions/tagged/angular-jit" class="post-tag grid--cell" title="show questions tagged 'angular-jit'" rel="tag">angular-jit</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Mar 12 '20 at 11:38">asked Mar 12 '20 at 11:38</time>
    <a href="../../users/10994987/abhishek-sharma" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/10994987.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Abhishek Sharma" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/10994987/abhishek-sharma" class="s-user-card--link">Abhishek Sharma</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">111</li>
            
            <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
            <li class="s-award-bling s-award-bling__bronze" title="4 bronze badges">4</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-60317061">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>7</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/60317061/cannot-read-property-disable-of-undefined-this-ngcontrol-control-is-undefined-" class="question-hyperlink">Cannot read property 'disable' of undefined: this.ngControl.control is undefined in Ivy</a></h3>
        <div class="excerpt">Just as this issue states, if you try to access an ngControl.control with a Directive:
export class DisabledDirective {
  @Input()
  set opDisabled(condition: boolean) {
    const action = condition ? 'disable' : 'enable';
   …</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular9" class="post-tag grid--cell" title="show questions tagged 'angular9'" rel="tag">angular9</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Feb 20 '20 at 09:48">asked Feb 20 '20 at 09:48</time>
    <a href="../../users/3486691/forestg" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/3486691.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="ForestG" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/3486691/forestg" class="s-user-card--link">ForestG</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">17,538</li>
            <li class="s-award-bling s-award-bling__gold" title="14 gold badges">14</li>
            <li class="s-award-bling s-award-bling__silver" title="52 silver badges">52</li>
            <li class="s-award-bling s-award-bling__bronze" title="86 bronze badges">86</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-58343973">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>7</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>3</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/58343973/angular-cyclic-dependency-when-enabling-ivy" class="question-hyperlink">Angular cyclic dependency when enabling ivy</a></h3>
        <div class="excerpt">After enabling ivy in my angular project, everything compiles but when starting the app in the browser I get the following error during app bootstrap:
Error: Cannot instantiate cyclic dependency! ApplicationRef
    at throwCyclicDependencyError…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/circular-dependency" class="post-tag grid--cell" title="show questions tagged 'circular-dependency'" rel="tag">circular-dependency</a> 
                
                <a href="../../questions/tagged/angular-ivy" class="post-tag grid--cell" title="show questions tagged 'angular-ivy'" rel="tag">angular-ivy</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Oct 11 '19 at 15:02">asked Oct 11 '19 at 15:02</time>
    <a href="../../users/1174574/that-guy" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1174574.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="that_guy" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1174574/that-guy" class="s-user-card--link">that_guy</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">2,313</li>
            <li class="s-award-bling s-award-bling__gold" title="4 gold badges">4</li>
            <li class="s-award-bling s-award-bling__silver" title="33 silver badges">33</li>
            <li class="s-award-bling s-award-bling__bronze" title="46 bronze badges">46</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>

</div>
        </div>

</div>
        </div>
        <script src="../../static/js/stack-icons.js"></script>
        <script src="../../static/js/fromnow.js"></script>
        
    </body>
</html>