Change text in angular by clicking button

I have an angular project. some list items and text area When I click on any list item, for example Marketing / PR or Education... I want the text to be changed I think that it will be done with the click function and it is simple. I am a beginner.

this is website

This is my code

<div class="container">
      <! -- Nav tabs -->
      <ul class="nav nav-tabs">
        <li class="active">
          <a >Banking</a>
        </li>
        <li>
          <a>Marketing / PR </a>
        </li>
        <li>
          <a>Education</a>
        </li>
        <li>
          <a>Architecture</a>
        </li>
        <li>
          <a>IT</a>
        </li>
        <li>
          <a>Legal</a>
        </li>
        <li>
          <button class="special-button scrolls">All categories</button>
        </li>
      </ul>
    </div>
  </div>
  <div class="tabs-content">
    <div class="container middle"></div>
  </div>
  <div class="container text-position">
    <h1>Why you need to change a job now?</h1>
    <p>
      txt
    </p>
  </div>