Set multi buttons to disabled with a click

i have 4 buttons in my menu and when i click on one of them all should be set to disabled. Do you know how I can do this?

My Code:

 <div class="header-menu">
                    <!-- File search -->
                    <button type="button">
                      <i class="fa fa-search" matTooltip="Filter"></i>
                    </button>
                    <!-- File import -->
                    <button type="button">
                      <i class="fas fa-upload" matTooltip="SuSa-Upload" ></i>
                    </button>
                    <!-- File export -->
                    <button type="button">
                      <i class="fas fa-download" matTooltip="SuSa-Download"></i>
                    </button>
                    <!-- Start calculatoryBookings -->
                    <button type="button">
                      <i class="fas fa-edit"
                         matTooltip="Kalkulatorische Werte"></i>
                    </button>
                  </div>

Source: Angular Questions