No provider for TemplateRef! Error: No provider for TemplateRef! #88
Description
When you follow Angular's convention of using a SharedModule and add CloudinaryModule there:
import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {ReactiveFormsModule} from '@angular/forms';
import {HttpModule} from '@angular/http';
import {CloudinaryModule} from '@cloudinary/angular-4.x';
@NgModule({
imports: [
CommonModule,
HttpModule,
ReactiveFormsModule
CloudinaryModule
],
declarations: [],
exports: [
CommonModule,
HttpModule,
ReactiveFormsModule
CloudinaryModule
],
providers: []
})
export class SharedModule {
}
You add Cloudinary in app.module.ts:
import {BrowserModule} from '@angular/platform-browser';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {NgModule} from '@angular/core';
import {Http} from '@angular/http';
import './rxjs-extensions';
import {AppComponent} from './app.component';
import {AppRoutingModule} from './app-routing.module';
import {SharedModule} from './shared/shared.module';
import {HomeModule} from './home/home.module';
import {Cloudinary} from 'cloudinary-core';
import {CloudinaryModule} from '@cloudinary/angular-4.x';
export const cloudinaryLib = {
Cloudinary: Cloudinary
};
export const config = {
cloud_name: 'name',
upload_preset: 'preset'
};
@NgModule({
imports: [
BrowserModule,
BrowserAnimationsModule,
SharedModule,
NgbModule.forRoot(),
CloudinaryModule.forRoot(cloudinaryLib, config),
HomeModule,
AppRoutingModule
],
declarations: [
AppComponent,
HeaderComponent,
FooterComponent
],
bootstrap: [
AppComponent
],
providers: []
})
export class AppModule {
}
If you then add the 'responsive' attribute to the cl-image tag, it will fail with:
No provider for TemplateRef! Error: No provider for TemplateRef!