Select programming language about ngx-highlightjs

[MurhafSousli]

@LuisJoseSanchez maybe you didn't update to v1.4.0 properly, take a look at this stackblitz

[MurhafSousli]

Hi @LuisJoseSanchez
I added [language] input in v1.4.0
However this option is only to restrict detection of the language, see highlightauto docs

Use it like [language]="['java']"

[LuisJoseSanchez]

Thanks for your answer.

Sorry, it doesn't work for me.

When I write:

<pre><code highlight [code]="javaCode" [language]="['java']"></code></pre>

I get this error:

Error: Template parse errors:
Can't bind to 'language' since it isn't a known property of 'code'. ("

<pre>
  <code highlight [code]="code" [ERROR ->][language]="['java']"></code>
</pre>"): ng:///AppModule/SourceCodeComponent.html@12:32

[LuisJoseSanchez]

Ok, perfect. Now I have v1.4.0 and works good.

Thank you very much!

[MatthewLHolden]

I have the following code:

<pre><code highlight [code]="code" [language]="['html']" (highlighted)="onHighlight($event)"></code></pre>

...

code = <div class="something"></div>;

...

Can't bind to 'code' since it isn't a known property of 'code'.

Running "highlight.js": "9.13.1" & "ngx-highlightjs": "3.0.0"

Any ideas on how to resolve this? Currently typescript and CSS are styled but HTML isn't.

E.g of working:

<pre><code [highlight]="component.typescript" (highlighted)="onHighlight($event)"></code></pre>

[MurhafSousli]

@MatthewLHolden Make sure highlightjs is imported

[MatthewLHolden]

@MurhafSousli - Hi, I have the following imported in my component and module:

import { HighlightResult } from 'ngx-highlightjs';

[alwinaugustin]

I am also getting the same error. I have installed the JS file in the module providers section, but it is not working.
I am using it like this :

<pre><code [highlight]="fileData"></code></pre>

and in the module, I have

{
      provide: HIGHLIGHT_OPTIONS,
      useValue: {
        fullLibraryLoader: () => import('highlight.js')
      }
    }