angular-docs-cn/integration/ng_elements/src/hello-world.html

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Hello World</title>
  <base href="/">
</head>

<body>
  <input type="text">
  <hello-world-el></hello-world-el>
  <hello-world-onpush-el></hello-world-onpush-el>
  <hello-world-shadow-el></hello-world-shadow-el>
  <script src="dist/bundle.js"></script>
</body>

</html>
test(elements): add basic integration test for angular elements (#24861) PR Close #24861 2018-07-15 16:02:16 -07:00			`<!doctype html>`
			`<html>`

			`<head>`
			`<meta charset="utf-8">`
			`<title>Hello World</title>`
			`<base href="/">`
			`</head>`

			`<body>`
			`<input type="text">`
			`<hello-world-el></hello-world-el>`
fix(elements): update the view of an `OnPush` component when inputs change (#39452) As with regular Angular components, Angular elements are expected to have their views update when inputs change. Previously, Angular Elements views were not updated if the underlying component used the `OnPush` change detection strategy. This commit fixes this by calling `markForCheck()` on the component view's `ChangeDetectorRef`. NOTE: This is similar to how `@angular/upgrade` does it: https://github.com/angular/angular/blob/3236ae0ee118d0734c90fa9f3767435396213470/packages/upgrade/src/common/src/downgrade_component_adapter.ts#L146. Fixes #38948 PR Close #39452 2020-11-04 20:46:59 +02:00			`<hello-world-onpush-el></hello-world-onpush-el>`
test(elements): add integration tests for Angular Elements using `ShadowDom` (#39452) Previously, the project used for running integration tests for Angular Elements declared a component that used `ShadowDom` for view encopsulation, but it did not include any tests to verify that the view was updated correctly. This commit adds the missing tests. PR Close #39452 2020-11-04 20:45:33 +02:00			`<hello-world-shadow-el></hello-world-shadow-el>`
test(elements): add basic integration test for angular elements (#24861) PR Close #24861 2018-07-15 16:02:16 -07:00			`<script src="dist/bundle.js"></script>`
			`</body>`

			`</html>`