Zmienna form jest unused

Question

Cześć. Robie to-do liste z pomocą angulara i trafilam na problem. Chciałabym, żeby po kliknięciu buttona z nowym zadaniem w konsoli pojawialo sie potwierdzenie, że działa. W tym celu zadeklarowalam sobie zmienną form i ngSumbit w pliku html

<div class = "container">
  <div class = "add-new">
    <form #frm="ngForm" (ngSubmit)="onFormSubmit()">

      <div class = "field is-grouped">
       <p class = "control is-expanded">
         <input type="text" class="input" placeholder="Start writing a new task">
       </p>
        <p class = "control">
          <a class = "button is-info">
            ADD
          </a>
        </p>
     </div>
   </form>
  </div>
</div>

metode zadeklarowałam w componentach ts

 onFormSubmit(){
    console.log("form submitted")
  }

Problem polega na tym, że po kliknięciu w przycisk nic nie pojawia się w kontroli, a jedyny warning jaki mam to

unused variable frm

W czym tkwi problem?

Comments

Dobra widzę, że moje Add powinno byc "button" a nie class, ale problem nadal pozostał

Answer 1

Znalazłam błąd :) Bardzo głupiutki. Nie zadeklarowałam mojego Add jako button :)

  <p class = "control">
          <button class="button">
            ADD
          </button>
        </p>