---
title: "Head Management in Angular Components"
description: "Manage title, meta, link, and script tags in Angular components with the useHead() composable."
canonical_url: "https://unhead.unjs.io/docs/angular/head/guides/core-concepts/components"
last_updated: "2026-07-29T20:18:00.092Z"
---

Call `useHead()` in an Angular component. The adapter does not provide declarative `<unhead-title>`, `<unhead-meta>`, `<unhead-link>`, or `<unhead-script>` elements.

## Component Usage

```ts
import { Component } from '@angular/core'
import { useHead } from '@unhead/angular'

@Component({
  selector: 'app-my-page',
  standalone: true,
  template: `
    <h1>Example Site</h1>
  `,
})
export class MyPageComponent {
  head = useHead({
    title: 'Example Site',
    meta: [
      { name: 'description', content: 'An example page description.' }
    ]
  })
}
```

The entry is disposed automatically when Angular destroys the component. For signal-driven values, create the entry once and call `head.patch()` from an Angular `effect()`.