Template parse error, 'ng-template' is not a known element

[MaZZly]

Angular 2.4.6 By installing the plugin and importing it in app module I get the following console error:

"Error: Template parse errors:
"let-" is only supported on template elements. ("lect #inputRef class="form-control" [(ngModel)]="context.value">
                <ng-template ngFor [ERROR ->]let-item [ngForOf]="context.options.data">
                    <optgroup *ngIf="item.children" [label"): InputSelectComponent@1:35
'ng-template' is not a known element:
1. If 'ng-template' is an Angular component, then verify that it is part of this module.
2. If 'ng-template' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("<select #inputRef class="form-control" [(ngModel)]="context.value">
                [ERROR ->]<ng-template ngFor let-item [ngForOf]="context.options.data">
                    <optgroup *ngIf="it"): InputSelectComponent@1:16
    at SyntaxError.ZoneAwareError (http://localhost:3000/polyfills.dll.js:4732:33)
    at SyntaxError.BaseError [as constructor] (http://localhost:3000/vendor.dll.js:72174:16)
    at new SyntaxError (http://localhost:3000/vendor.dll.js:6320:16)
    at TemplateParser.parse (http://localhost:3000/vendor.dll.js:19406:19)
    at JitCompiler._compileTemplate (http://localhost:3000/vendor.dll.js:52671:68)
    at http://localhost:3000/vendor.dll.js:52554:62
    at Set.forEach (native)
    at JitCompiler._compileComponents (http://localhost:3000/vendor.dll.js:52554:19)
    at createResult (http://localhost:3000/vendor.dll.js:52436:19)
    at ZoneDelegate.invoke (http://localhost:3000/polyfills.dll.js:4163:26)
    at Zone.run (http://localhost:3000/polyfills.dll.js:4034:43)
    at http://localhost:3000/polyfills.dll.js:4456:57
    at ZoneDelegate.invokeTask (http://localhost:3000/polyfills.dll.js:4196:35)
    at Zone.runTask (http://localhost:3000/polyfills.dll.js:4072:47)
    at drainMicroTaskQueue (http://localhost:3000/polyfills.dll.js:4354:35)
    at HTMLDocument.ZoneTask.invoke (http://localhost:3000/polyfills.dll.js:4270:25)"

According to https://github.com/primefaces/primeng/issues/2333 ng-template is Angular4 only.

Any fix for this?

[Caballerog]

Hi!

ng-template is a new rename for template directive in angular 4.0.

The last release of ng-inline-editor is develop to ng4.0. So, you would download the previously ng-inline-editor which is develop to angular 2.4.9. Although, if you want to compile using AOT you will need the new version.

El El mar, 11 abr 2017 a las 9:11, MaZZly notifications@github.com escribió:

Angular 2.4.6 By installing the plugin and importing it in app module I get the following console error:

"Error: Template parse errors: "let-" is only supported on template elements. ("lect #inputRef class="form-control" [(ngModel)]="context.value"> <ng-template ngFor [ERROR ->]let-item [ngForOf]="context.options.data"> <optgroup *ngIf="item.children" [label"): InputSelectComponent@1:35 'ng-template' is not a known element:

1. If 'ng-template' is an Angular component, then verify that it is part of this module.
2. If 'ng-template' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("<select #inputRef class="form-control" [(ngModel)]="context.value"> [ERROR ->]<ng-template ngFor let-item [ngForOf]="context.options.data"> <optgroup *ngIf="it"): InputSelectComponent@1:16 at SyntaxError.ZoneAwareError (http://localhost:3000/polyfills.dll.js:4732:33) at SyntaxError.BaseError [as constructor] (http://localhost:3000/vendor.dll.js:72174:16) at new SyntaxError (http://localhost:3000/vendor.dll.js:6320:16) at TemplateParser.parse (http://localhost:3000/vendor.dll.js:19406:19) at JitCompiler._compileTemplate (http://localhost:3000/vendor.dll.js:52671:68) at http://localhost:3000/vendor.dll.js:52554:62 at Set.forEach (native) at JitCompiler._compileComponents (http://localhost:3000/vendor.dll.js:52554:19) at createResult (http://localhost:3000/vendor.dll.js:52436:19) at ZoneDelegate.invoke (http://localhost:3000/polyfills.dll.js:4163:26) at Zone.run (http://localhost:3000/polyfills.dll.js:4034:43) at http://localhost:3000/polyfills.dll.js:4456:57 at ZoneDelegate.invokeTask (http://localhost:3000/polyfills.dll.js:4196:35) at Zone.runTask (http://localhost:3000/polyfills.dll.js:4072:47) at drainMicroTaskQueue (http://localhost:3000/polyfills.dll.js:4354:35) at HTMLDocument.ZoneTask.invoke (http://localhost:3000/polyfills.dll.js:4270:25)"

According to primefaces/primeng#2333 https://github.com/primefaces/primeng/issues/2333 ng-template is Angular4 only.

Any fix for this?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/Caballerog/ng2-inline-editor/issues/44, or mute the thread https://github.com/notifications/unsubscribe-auth/AIZj36-ECLbICFlB8B6KEXT8Q2UwE8drks5ruyeUgaJpZM4M5tCJ .

-- Enviado desde el teléfono móvil, disculpe las faltas.

[MorlaRamakrishna]

Sorry for silly question,

How can I download the previous ng-inline-editor which is develop to angular 2.4.9

[tonivj5]

Hi @MorlaRamakrishna , the previous version was 0.1.1-alpha.12, then you can execute npm i ng2-inline-editor@0.1.1-alpha.12 to download it

[MorlaRamakrishna]

Thank you so much @xxxtonixxx you saved me from getting out of this.

[tonivj5]

Your welcome 😉 I think I can close this 👍