MdbCompleterDirective

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

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

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

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.

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(), ],

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

<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>

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)

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.

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

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.

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