Topic: MdbCompleterDirective

rtchrisdev pro asked 3 years ago


How do I fix this error "no provider for MdbCompleterDirective" . I would like to start using Outline Inputs - Material 2.0 .

I use the git link in my package.json file, so I am assuming I am at the 7.4.1 version

Thanks


rtchrisdev pro answered 3 years ago


Good idea. I will transmit later today. Thanks, Chris


Arkadiusz Idzikowski staff answered 3 years ago


Could you please send a simple demo in which this problem occurs to a.idzikowski@mdbootstrap.com? This error is very strange and we are not able to find its cause using the code and information you provided.


rtchrisdev pro answered 3 years ago


Thanks. Verifying the process:

step1: npm uninstall angular-bootstrap-md . --save step2: npm install --save

I did additional checking. I get the MdbCompleterDirective error when when "mdbInput" is present

Example:

1

1


Arkadiusz Idzikowski staff answered 3 years ago


I tried to debug this problem with your code but without success. MdbCompleterDirective is part of auto completer component. If you don't use this component in your application, please try to remove "angular-bootstrap-md" from your package.json (leave only pro version), remove node_modules and package-lock.json and run npm install again.

With this code ""git+https://oauth2:token@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git" you will always install newest version of MDB Angular Pro.


rtchrisdev pro answered 3 years ago


The error from the console:

Uncaught Error: Template parse errors: No provider for MdbCompleterDirective ("d is "No Provider for MdbCompleterDirective (undefied) "--> [ERROR ->] Example label) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents (compiler.js:26097) at compiler.js:26007 at Object.then (compiler.js:2421) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:26006)


rtchrisdev pro answered 3 years ago


Here is a copy of the html I am working on to change in the input style. One question: From the configuration I sent, am I automatically being updated to the latest version of bootstrap-md? Thank you, Chris

Add Success Criteria --> Example label
<div class="md-form">
  <i class="fa fa-pencil prefix grey-text"></i>
  <input type="text" formControlName="criteriaName" id="defaultForm-name" class="form-control" mdbInputDirective>
  <label for="defaultForm-name">Success Criteria Name</label>
</div>
<br>
<br>


<div class="md-form">
  <i class="fa fa-pencil prefix grey-text"></i>
  <input type="text" formControlName="criteriaDescription" id="defaultForm-name" class="form-control"
    mdbInputDirective>
  <label for="defaultForm-name">Success Criteria Description</label>
</div>
<br>
<br>

<mdb-select [options]="workflowDrop" [multiple]="false" placeholder="Workflow Type Category"
formControlName="workflowCategory"></mdb-select>

<br>
<br>
<br>

<mdb-select [options]="categoryDrop" [multiple]="false" placeholder="Success Criteria Category"
  formControlName="criteriaCategory"></mdb-select>

<br>
<br>
<br>

<mdb-select [options]="featureDrop" [multiple]="true" placeholder="Success Feature Attributes"
  formControlName="featureAttributes"></mdb-select>

  <br>
  <br>
<br>

<hr>
<div class="text-center py-4 mt-3">
  <button class="waves-light" placement="bottom" mdbBtn type="submit" color="success" rounded="true"
    mdbWavesEffect [disabled]="!criteriaForm.valid">Save Form
  </button>
</div>


rtchrisdev pro answered 3 years ago


Here is my configuration. I have been meaning to ask if my package.json was setup properly to ensure I am accessing the updated versions properly. I think I can remove the " "angular-bootstrap-md": "^7.4.1"," package since I am using the token for pro. Please advise and thank you.

package.json:

"angular-bootstrap-md": "^7.4.1", "ng-uikit-pro-standard": "git+https://oauth2:token@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git",

angular.json: ], "styles": [ "node_modules/font-awesome/scss/font-awesome.scss", "node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/bootstrap.scss", "node_modules/ng-uikit-pro-standard/assets/scss/mdb.scss", "src/styles.scss", ],

app.module:

import { MDBBootstrapModulesPro } from 'ng-uikit-pro-standard'; import { MDBSpinningPreloader } from 'ng-uikit-pro-standard';

imports : [ MDBBootstrapModulesPro.forRoot(), ],


Arkadiusz Idzikowski staff commented 3 years ago

Could you paste here the html and ts code you use to render our components?


Arkadiusz Idzikowski staff answered 3 years ago


Please paste here the code from your package.json (make sure to remove your private token from git link), angular.json and app module files and code you copied from our documentation.


rtchrisdev pro answered 3 years ago


Hi Damian, sorry about the lack of description. I copied the form input below from the web site Material 2.0 input:

. . ### This line shows error Example label

The third line has a red line under it with the message: "no provider for MdbCompleterDirective" . I thought maybe I needed to import something into the component or module. btw 2.0 looks amazing


Damian Gemza staff answered 3 years ago


Dear rtchrisdev,

How could I reproduce your problem? Could you please provide me with the list of steps, with which I'll be able to reproduce this?

Your problem is so unclear to reproduce by default, that I'm not even able to debug it.

Best Regards,

Damian



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.1
  • Device: MacBook Pro
  • Browser: Chrome
  • OS: Mac
  • Provided sample code: No
  • Provided link: No