<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
So I am maintaining 4 very large projects in Angular.<br>
There is no way for me to know, when I open each project, which code has been deprecated.<br>
The only reported issue I see is when I run AOT, a message of <code class="notranslate">&lt;template&gt;</code> now needing to be <code class="notranslate">&lt;ng-template&gt;</code><br>
However, there are no mentions of any issues with things like Renderer now needing to ne Renderer2.</p>
<p dir="auto"><strong>Expected behavior</strong><br>
I expect TypeScript and / or cli to report a summary of all deprecated API so we can fix'em before ng5 is out.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="@angular/cli: 1.0.0
node: 6.9.5
os: win32 x64
@angular/animations: 4.0.0
@angular/common: 4.0.0
@angular/compiler: 4.0.0
@angular/core: 4.0.0
@angular/forms: 4.0.0
@angular/http: 4.0.0
@angular/platform-browser: 4.0.0
@angular/platform-browser-dynamic: 4.0.0
@angular/router: 4.0.0
@angular/cli: 1.0.0
@angular/compiler-cli: 4.0.0
@angular/language-service: 4.0.0
@ngtools/webpack: 1.3.0"><pre class="notranslate"><code class="notranslate">@angular/cli: 1.0.0
node: 6.9.5
os: win32 x64
@angular/animations: 4.0.0
@angular/common: 4.0.0
@angular/compiler: 4.0.0
@angular/core: 4.0.0
@angular/forms: 4.0.0
@angular/http: 4.0.0
@angular/platform-browser: 4.0.0
@angular/platform-browser-dynamic: 4.0.0
@angular/router: 4.0.0
@angular/cli: 1.0.0
@angular/compiler-cli: 4.0.0
@angular/language-service: 4.0.0
@ngtools/webpack: 1.3.0
</code></pre></div>
<p dir="auto">Not sure if this issue should be opened against cli repo.</p>
<p dir="auto">FYI, in WebStorm I will see cross outs on deprecated API, but again, I am dealing with thousands of files so I can't open each one and look for cross outs, see below:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/5090936/24413073/332af346-138f-11e7-9bbd-18befd55bc3c.PNG"><img src="https://cloud.githubusercontent.com/assets/5090936/24413073/332af346-138f-11e7-9bbd-18befd55bc3c.PNG" alt="capture" style="max-width: 100%;"></a></p>
<p dir="auto">Angular 2 Kitchen sink: <a href="http://ng2.javascriptninja.io" rel="nofollow">http://ng2.javascriptninja.io</a><br>
and source@ <a href="https://github.com/born2net/Angular-kitchen-sink">https://github.com/born2net/Angular-kitchen-sink</a><br>
Regards,</p>
<p dir="auto">Sean</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[ ] bug report =&gt; search github for a similar issue or PR before submitting
[x] feature request
[ ] support request =&gt; Please do not submit support request here, instead see "><pre class="notranslate"><code class="notranslate">[ ] bug report =&gt; search github for a similar issue or PR before submitting
[x] feature request
[ ] support request =&gt; Please do not submit support request here, instead see 
</code></pre></div>
<p dir="auto">A more general problem: we need somehow export/expose enums, static fields, classes, functions etc. into template without abusing class fields.</p>
<p dir="auto">maybe component can add a <code class="notranslate">imports</code> key in metadata</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="@Component({
    template: `&lt;template [ngIf]=&quot;state == StateEnum.Idle&quot;&gt;&lt;/template`,
    imports: [{import: StateEnum, as: &quot;StateEnum&quot;}]
})"><pre class="notranslate"><code class="notranslate">@Component({
    template: `&lt;template [ngIf]="state == StateEnum.Idle"&gt;&lt;/template`,
    imports: [{import: StateEnum, as: "StateEnum"}]
})
</code></pre></div>
<p dir="auto">briefly as</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="@Component({
    template: `&lt;template [ngIf]=&quot;state == StateEnum.Idle&quot;&gt;&lt;/template`,
    imports: [StateEnum]
})"><pre class="notranslate"><code class="notranslate">@Component({
    template: `&lt;template [ngIf]="state == StateEnum.Idle"&gt;&lt;/template`,
    imports: [StateEnum]
})
</code></pre></div>
<p dir="auto">this feature used more like providers</p>
<p dir="auto"><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="158563143" data-permission-text="Title is private" data-url="https://github.com/angular/angular/issues/9029" data-hovercard-type="issue" data-hovercard-url="/angular/angular/issues/9029/hovercard" href="https://github.com/angular/angular/issues/9029">#9029</a></p>