No provider for TemplateRef! (NgIf ->TemplateRef)
I'm trying to show a checkmark if an answer is the accepted answer:
template: `<div ngIf="answer.accepted">✔</div>`
But I get this error:
EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef)
What am I doing wrong?
You missed the * in front of NgIf (like we all have, dozens of times):
<div *ngIf="answer.accepted">✔</div>
Without the *, Angular sees that the ngIf directive is being applied to the div element, but since there is no * or <template> tag, it is unable to locate a template, hence the error.
If you get this error with Angular v5:
Error: StaticInjectorError[TemplateRef]: StaticInjectorError[TemplateRef]: NullInjectorError: No provider for TemplateRef!
You may have <template>...</template> in one or more of your component templates. Change/update the tag to <ng-template>...</ng-template>.
So, I can help to understand what (and where) you made the mistake, but before it, we need to read the documentation:
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. You can also use a Query to find a TemplateRef associated with a component or a directive.
So:
When using [ngIf]="something" you must use
Using *ngIf you can use it where you want 'cause the * garante the access to template ref(eg: when using or
If you're using in your code something like <span [ngIf]="message"> {{message}}</span> you probably gonna get some error.
Follow WeChat
Success story sharing
Want to stay one step ahead of the latest teleworks?
Subscribe Now相似问题
- *ngIf and *ngFor on same element causing error
- How to use templateRef?
- Error when trying to inject a service into an angular component "EXCEPTION: Can't resolve all parameters for component", why?
- @ViewChild in *ngIf
- How can I use "*ngIf else"?
- Angular2 - No provider for TemplateRef (ng2-bootstrap)
- No provider for HttpClient
HuntsBot,a one-stop outsourcing task, remote job, product ideas sharing and subscription platform, which supports DingTalk, Lark, WeCom, Email and Telegram robot subscription. The platform will push outsourcing task requirements, remote work opportunities, product ideas to every subscribed user with timely, stable and reliable.