Can't bind to 'mentionSelect' since it isn't a known property of 'input'

[vishnuSBabu91]

Cant able to invoke the function

Uncaught Error: Template parse errors:
Can't bind to 'mentionSelect' since it isn't a known property of 'input'. ("	<input type="text" name="equationTexString" [(ngModel)]="equationTexString" [mention]="searchData" [ERROR ->][mentionSelect]="mentioned" [mentionConfig]="{triggerChar:'#',maxItems:10,labelKey:'tag'}">
					<!--"): ng:///AppModule/AppComponent.html@97:105
    at syntaxError (compiler.js:485)
    at TemplateParser.parse (compiler.js:24668)
    at JitCompiler._parseTemplate (compiler.js:34621)
    at JitCompiler._compileTemplate (compiler.js:34596)
    at eval (compiler.js:34497)
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (compiler.js:34497)
    at eval (compiler.js:34367)
    at Object.then (compiler.js:474)
    at JitCompiler._compileModuleAndComponents (compiler.js:34366)

[Alex61NN5]

Have you managed to solve this issue?? I cant seem to get it working...

[dmacfarlane]

This could be a problem with the module import. Is anyone else having this issue?

[hopeseekr]

Man, I spent over an hour with this exact problem only with textareas and I'm banging my head against the wall!

[dmacfarlane]

In node_modules/angular-mentions/mention/package.json, could you try changing the line:

  "main": "src/mention/index.ts",

To:

  "main": "mention/index.js",

And see if that makes any difference?

[vishnusbabu]

@hopeseekr I resolved the problem using a bind method in mentionConfig

[mentionConfig]="{mentionSelect: itemMentioned.bind(self), labelKey: 'tag'}"

[hey24sheep]

I am having this same issue, can't solve it by changing "main" in package.json as suggested by @dmacfarlane .

How to resolve this issue? It's been months and still no one figured it out?

[iamsahilralkar]

@hey24sheep please try with [mentionConfig]="{mentionSelect: itemMentioned.bind(this), labelKey: 'tag'}"

I solved this issue by using same