title: Can't bind to 'disabled' since it isn't a known property of '<button>'
body: <p>I just started learning Angular but I'm having the following error:
  Can't bind to 'disabled' since it isn't a known property of <code>&lt;button&gt;</code>.
  Searching on internet I just found similar errors but they are related to the fact the that the FormsModule is not imported, that doesn't seem to be my case.</p>
  
  <p><strong>app.components.ts</strong></p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
    title = 'app';
    Button = false;
  }
  </code></pre>
  
  <p><strong>app.component.html</strong></p>
  
  <pre><code>&lt;div style="text-align:center"&gt;
    &lt;h1&gt;
      Welcome to {{title}}!!
    &lt;/h1&gt;
    &lt;button [Disabled]="!Button"&gt;Click me&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>app.module.ts</strong></p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { FormsModule } from '@angular/forms';
  
  import { AppComponent } from './app.component';
  
  @NgModule({
    declarations: [
      AppComponent,
    ],
    imports: [
      BrowserModule,
      FormsModule,
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>