feat[angular]: change detection strategy and sanitize inner html support from useMetadata

[sidmohanty11]

Description

Adds support for:

• changeDetection
• sanitizeInnerHTML

Fixes adding multiple hooks inside compileContext - earlier it used to be an array so it added , within the hooks in the code.

Jira
https://builder-io.atlassian.net/browse/ENG-8013
https://builder-io.atlassian.net/browse/ENG-8402

Make sure to follow the PR preparation steps in CONTRIBUTING.md before submitting your PR:

• format the codebase: from the root, run yarn fmt:prettier.
• update all snapshots (in core & CLI): from the root, run yarn test:update
• add Changeset entry: from the root, run yarn g:changeset and follow the CLI instructions. Alternatively, use the Changeset Github Bot to create the file.

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 26ef327.

Command	Status	Duration	Result
nx e2e @builder.io/e2e-app	✅ Succeeded	1m 9s	View ↗
nx run-many --target test	✅ Succeeded	4m 39s	View ↗
nx run-many --target build --exclude @builder.i...	✅ Succeeded	3m 47s	View ↗
nx build @builder.io/mitosis-site	✅ Succeeded	2m 27s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-02-19 05:28:34 UTC

[changeset-bot]

🦋 Changeset detected

Latest commit: 26ef327

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@builder.io/mitosis	Patch
@builder.io/mitosis-cli	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[samijaber]

should the comment say the opposite?

[sidmohanty11]

@samijaber by default we are bypassing sanitization of innerHTML but when sanitizeInnerHTML is true in useMetadata it will just use innerHTML=code where Angular sanitizes content by default. Let me know if this is confusing and we should update the naming

[sidmohanty11]

merging this for now, we can update the name later if it's confusing