Angular 如何将角度组件附加到第三方应用程序
我希望在运行时将我的组件放在应用程序中，这将与Angular集成 我认为类似的特点是：Angular 如何将角度组件附加到第三方应用程序,angular,dynamic,web-component,angular-components,Angular,Dynamic,Web Component,Angular Components,我希望在运行时将我的组件放在应用程序中，这将与Angular集成 我认为类似的特点是： 打电话给XHR 将响应放在具有innerHtml的节点上 但是，在Angular方面，组件可以与应用程序集成，响应生命周期挂钩，可以对单击事件作出反应并调用服务。您使用Angular 6.0中引入的Angular web组件 遵循以下教程 在创建web组件元素之后， 我们可以这样使用它 <!DOCTYPE html> <html lang="en"> <head>
但是，在Angular方面，组件可以与应用程序集成，响应生命周期挂钩，可以对单击事件作出反应并调用服务。您使用Angular 6.0中引入的Angular web组件 遵循以下教程 在创建web组件元素之后， 我们可以这样使用它
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Custom Button Test Page</title>
<script src="elements.js"></script>
</head>
<body>
<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);
</script>
</body>
</html>
自定义按钮测试页
const-button=document.querySelector（'custom-button'）；
addEventListener（'操作'，（事件）=>{
log（`action`发出：${event.detail}`）；
})
setTimeout（（）=>button.label='secondvalue'，3000）；