blocks|key|2669327|text|你错过了NgIf面前的*+(就像我们所有人一样，几十次)：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2669328|<div+*ngIf="answer.accepted">&#10004;</div>|code-block|syntax|javascript|2669329|2669330|如果没有*，Angular会看到ngIf指令正被应用于div元素，但是由于没有*或<template>标记，它无法定位模板，因此出现了错误。|2669331|2669332|如果使用Angular+v5时出现以下错误：|2669333|2669334|错误:+StaticInjectorErrorTemplateRef：|blockquote|2669335|2669336|*StaticInjectorErrorTemplateRef：|2669337|*NullInjectorError:没有TemplateRef的提供程序！|2669338|2669339|您的一个或多个组件模板中可能包含<template>...</template>。将标记更改/更新为<ng-template>...</ng-template>。|2669340|entityMap^0|B|1|0|0|0|4|1|G|4|R|3|13|1|15|A|0|0|0|0|0|0|0|0|0|G|O|1E|U|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|17|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|18|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]]|D|@]|E|$]]|$1|N|3|-4|5|6|7|1K|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|1L|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]|$1|R|3|S|5|T|7|1N|8|@]|D|@]|E|$]]|$1|U|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]|$1|V|3|W|5|6|7|1P|8|@]|D|@]|E|$]]|$1|X|3|Y|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|Z|3|-4|5|6|7|1R|8|@]|D|@]|E|$]]|$1|10|3|11|5|6|7|1S|8|@$9|1T|A|1U|B|C]|$9|1V|A|1W|B|C]]|D|@]|E|$]]|$1|12|3|-4|5|6|7|1X|8|@]|D|@]|E|$]]]|13|$]]

<p>You missed the <code>*</code> in front of NgIf (like we all have, dozens of times):</p>

<pre><code>&lt;div *ngIf="answer.accepted"&gt;&amp;#10004;&lt;/div&gt;
</code></pre>

<hr>

<p>Without the <code>*</code>, Angular sees that the <code>ngIf</code> directive is being applied to the <code>div</code> element, but since there is no <code>*</code> or <code>&lt;template&gt;</code> tag, it is unable to locate a template, hence the error.</p>

<hr>

<p>If you get this error with Angular v5:</p>

<blockquote>
  <p>Error: StaticInjectorError[TemplateRef]:<br> 
    &nbsp;&nbsp;StaticInjectorError[TemplateRef]: <br>
    &nbsp;&nbsp;&nbsp;&nbsp;NullInjectorError: No provider for TemplateRef!</p>
</blockquote>

<p>You may have <code>&lt;template&gt;...&lt;/template&gt;</code> in one or more of your component templates.  Change/update the tag to <code>&lt;ng-template&gt;...&lt;/ng-template&gt;</code>.</p>


blocks|key|116783|text|因此，我可以帮助理解您犯了什么错误(以及在哪里犯了错误)，但在此之前，我们需要阅读文档：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|116784|116785|通过在元素上放置指令(或以*为前缀的指令)来访问TemplateRef实例。使用TemplateRef标记将嵌入式视图的TemplateRef注入到指令的构造函数中。|blockquote|116786|116787|您还可以使用查询来查找与组件或指令关联的TemplateRef。|116788|116789|所以：|116790|116791|当使用[ngIf]="something"时，您必须使用<ng-template>来访问模板引用(例如:使用<template>或<div>);|unordered-list-item|offset|length|style|CODE|116792|时，您可以在您想要的地方使用它，因为*保证了对模板引用的访问(例如:使用<span>或时|116793|如果你在你的代码中使用像<span+[ngIf]="message">+{{message}}</span>这样的东西，你可能会得到一些错误。|116794|entityMap^0|0|0|0|0|0|0|0|0|3|I|S|D|1I|A|1T|5|0|10|6|0|C|16|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|10|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|11|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|12|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|13|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|16|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|17|8|@$P|18|Q|19|R|S]|$P|1A|Q|1B|R|S]|$P|1C|Q|1D|R|S]|$P|1E|Q|1F|R|S]]|9|@]|A|$]]|$1|T|3|U|5|6|7|1G|8|@$P|1H|Q|1I|R|S]]|9|@]|A|$]]|$1|V|3|W|5|6|7|1J|8|@$P|1K|Q|1L|R|S]]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|Y|$]]

<p>So, I can help to understand what (and where) you made the mistake, but before it, we need to read the documentation:</p>
<blockquote>
<p>Access a TemplateRef instance by placing a directive on an
 element (or directive prefixed with *). The TemplateRef
for the embedded view is injected into the constructor of the
directive, using the TemplateRef token.</p>
<p>You can also use a Query to find a TemplateRef associated with a
component or a directive.</p>
</blockquote>
<p>So:</p>
<ul>
<li>When using <code>[ngIf]=&quot;something&quot;</code> you must use <code>&lt;ng-template&gt;</code> to access the template ref (eg: when using <code>&lt;template&gt;</code> or <code>&lt;ng-template&gt;</code>);</li>
<li>Using <code>*ngIf</code> you can use it where you want 'cause the * garante the access to template ref(eg: when using <code>&lt;span&gt;</code> or <code>&lt;div&gt;</code>);</li>
</ul>
<p>If you're using in your code something like <code>&lt;span [ngIf]=&quot;message&quot;&gt; {{message}}&lt;/span&gt;</code> you probably gonna get some error.</p>


<p>I'm trying to show a checkmark if an answer is the accepted answer:</p>

<pre><code>template: `&lt;div ngIf="answer.accepted"&gt;&amp;#10004;&lt;/div&gt;`
</code></pre>

<p>But I get this error:</p>

<pre><code>EXCEPTION: No provider for TemplateRef! (NgIf -&gt;TemplateRef)
</code></pre>

<p>What am I doing wrong?</p>


No provider for TemplateRef! (NgIf ->TemplateRef)

如果答案是可接受的答案，我会尝试显示复选标记：template: `<div ngIf="answer.accepted">&#10004;</div>`但是我得到了这个错误：EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef)我做错了什么？

问没有TemplateRef的提供程序！(NgIf ->TemplateRef)
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问没有TemplateRef的提供程序！(NgIf ->TemplateRef)EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问没有TemplateRef的提供程序！(NgIf ->TemplateRef)
EN