Impossible de lier à 'primary' car ce n'est pas une propriété connue de 'bouton' Erreur

Question

S'il vous plaît, aidez !! Je suis en train d'ajouter un bouton kendo avec la propriété [primary] = 'true' mais je reçois cette erreur:

NodeInvocationException: Template parse errors: Can't bind to 'primary' since it isn't a known property of 'button'. (" ][primary]="true">Log in 

app.module.browser.ts

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { AppModuleShared } from './app.module.shared'; 
import { AppComponent } from './components/app/app.component'; 

import { CommonModule } from '@angular/common'; 
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 
import { InputsModule } from '@progress/kendo-angular-inputs'; 
import { ButtonsModule } from '@progress/kendo-angular-buttons'; 

@NgModule({ 
    bootstrap: [ AppComponent ], 
    imports: [ 
     CommonModule 
     , BrowserModule 
     , AppModuleShared 
     , BrowserAnimationsModule 
     , InputsModule 
     , ButtonsModule 
    ], 
    providers: [ 
     { provide: 'BASE_URL', useFactory: getBaseUrl } 
    ] 
}) 
export class AppModule { 
} 

export function getBaseUrl() { 
    return document.getElementsByTagName('base')[0].href; 
} 

html

<div class="BodyBG"> 
    <table style="width: 100%;"> 
     <tr> 
      <td> 
       <div id="login"> 
        <h4>LIS 2.0</h4> 
        <div id="divOldLogin"> 
         <form (ngSubmit)="login(fLogin)" #fLogin="ngForm"> 
          <fieldset id="inputs"> 
           <input kendoTextBox id="txtUsername" name="username" type="text" placeholder="Username" autofocus="autofocus" required="required" ngModel/> 
           <div id="password"> 
            <input kendoTextBox id="txtPassword" name="password" type="password" placeholder="Password" required="required" ngModel /> 
           </div> 
           <button kendoButton type="submit" id="btnSubmit" (click)="login()" [primary]="true">Log in</button>&nbsp; 
          </fieldset> 
         </form> 
        </div> 
       </div> 
      </td> 
     </tr> 
    </table> 
</div> 

Answer 1

L'erreur indique que la directive kendoButton n'est pas reconnueLe ButtonsModule doit être importé dans le même module où le (s) composant (s) l'utilisant est déclaré (s). Alternativement, si le ButtonsModule est importé dans un autre module qui est à son tour importé dans le module où le composant qui utilise les boutons Kendo est déclaré, le ButtonsModule doit également être réexporté du module commun dans lequel il est importé (via le tableau des exportations).

Docs reference