Attribute
decorator
Parameter decorator for a directive constructor that designates a host-element attribute whose value is injected as a constant string literal.
Usage Notes
Suppose we have an <input>
element and want to know its type
.
<input type="text">
The following example uses the decorator to inject the string literal text
in a directive.
@Directive({
selector: 'input',
standalone: false,
})
class InputAttrDirective {
constructor(@Attribute('type') type: string) {
// type would be 'text' in this example
}
}
The following example uses the decorator in a component constructor.
@Component({
selector: 'page',
template: 'Title: {{title}}',
standalone: false,
})
class Page {
title: string;
constructor(@Attribute('title') title: string) {
this.title = title;
}
}
Jump to details