Renziglov, ваш Ангуляр элемент это вот он, обычный HTML тег.
1.
<custom-button label="First Value"></custom-button>
Показать/скрыть точно также как и любой другой кусок HTML кода
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Custom Button Test Page</title>
<script src="dist/main.js"></script>
</head>
<body>
<button onclick="myFunction()">Click Me</button>
<div id="myDIV">
<custom-button label="First Value"></custom-button>
</div>
<custom-button label="First Value"></custom-button>
<script>
const button = document.querySelector('custom-button');
button.addEventListener('action', (event) => {
console.log(`"action" emitted: ${event.detail}`);
})
setTimeout(() => button.label = 'Second Value', 3000);
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
</script>
</body>
</html>
