Question

我想在运行时将组件放入应用程序中，并将其与Angular集成。

我认为类似的功能是：

使用XHR拨打电话
将响应放入带有innerHtml的节点上

但是，以Angular的方式，组件可以与应用程序集成，响应生命周期挂钩，可以对单击事件做出反应并调用服务。

Answer 1

您使用Angular 6.0中引入的Angular Web组件

按照以下教程进行操作 https://medium.com/@tomsu/building-web-components-with-angular-elements-746cd2a38d5b

创建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>

如何将角度分量附加到第三方应用程序

1 个答案: