Estoy usando este formulario para tomar alguna información básica:

 <form action="/action_page.php" method="GET" name="clientForm"> <label for="cname">Client name:</label><br> <input type="text" id="cname" placeholder="client name:" name="cname" required><br> <label for="clienturl">URL:</label><br> <input type="text" id="clienturl" placeholder="url:" name="clienturl" required><br><br> <input type="submit" value="Submit" button (click)="addClient()" > <input type="reset" value="Reset"> </form>

Estos son los datos que tengo actualmente:

 export const clients = [ { name: 'client1', url: "https://www.google.com" }, { name: 'client2', url: "https://www.yahoo.com" }, { name: 'ACB', url: "https://www.dailymail.co.uk" }, { name: 'client3', url: "https://www.youtube.com" }, { name: 'client4', url: "https://www.nhs.uk" }, ];

Luego, en mi componente, tengo dificultades para ingresar los datos en el formulario y agregarlos como un objeto a los datos existentes.