На сайте реализована технология роутинга через ангуляр. То есть, есть главная страница:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Shop</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="manifest" href="manifest.webmanifest">
<meta name="theme-color" content="#1976d2">
</head>
<body>
<app-root></app-root>
</body>
</html>
И в нее вставляются куски ШТМЛ кода, расположенные в других файлах. Но при этом, мне нужно считать данные из формы, которая находится в ещё одном файле. Каким образом я могу подключить JS, чтобы он считывал данные из полей формы? Подключать нужно в индексе? Или внизу страницы?
Каждая страница выглядит примерно следующим образом:
<div class="text-center">
<h2>{{ product.title}}</h2>
<div class="flex-center">
<quill-view-html [content]="product.photo"></quill-view-html>
</div>
<h2>Цена: {{product.price}} $</h2>
<button [routerLink]="['/product', product.id]" class="btn btn-dark">Посмотреть</button>
<button [routerLink]="['/cart']" class="btn btn-dark" (click)="addProduct(product)">В корзину</button>
</div>
Заранее спасибо за помощь!