Angular TODO

 Hozz létre egy Angular alkalmazást, ami lehetővé teszi egy egyszerű teendőlista kezelését.

Készíts egy todo.html fájlt, és hozz létre benne egy Angular alkalmazást nevű "todoApp".

Adj hozzá egy TodoController-t a todoApp alkalmazáshoz.

A TodoController-ben hozz létre egy tömböt, amely tartalmazza az alapvető teendőket, például:

"Bevásárlás"

"Sportolás"

"Olvasás"

Az oldalon jeleníts meg egy címet, például "Teendőlista".

Alatta egy rendezett listában listázd ki a teendők nevét. Formázd meg a rendezetlen listát úgy, hogy a lista jelek ne jelenjenek meg, helyette, mindegyik teendő világosszürke hátteret kapjon.

Adj hozzá egy űrlapot a teendők hozzáadásához. Az űrlap tartalmazzon egy szövegmezőt és egy "Hozzáadás" gombot.

Ha a felhasználó rákattint a "Hozzáadás" gombra, akkor az új teendőt adja hozzá a listához.

Adj hozzá a todo.html fájlhoz stílusokat a listaelemekhez és az űrlaphoz.