Why doesn't the attribute directive work?

Question

Angular

There is a core.module.ts module:

import { NgModule } from '@angular/core';
import { TestDirective } from './test/test-directive';
import { Test } from './test/component';

@NgModule({
    declarations: [
        Test,
        TestDirective
    ],
    exports: [
        Test,
        TestDirective
    ]
})
export class CoreModule {
}

test-component.ts:

import { Component } from '@angular/core';

@Component({
    selector: 'test',
    template: 'test'
})
export class Test {
}

test-directive.ts:

import { Directive } from "@angular/core";

@Directive({
    selector: '[myTest]'
})
export class TestDirective{
}

header.module.ts:

@NgModule({
    imports: [
        CoreModule
    ],
    declarations: [
       AppComponent
    ]
...

template.html:
<test></test> <a href="/hello" [myTest]>hello</a>
So, test works fine and displays its template, but if I add the [myTest] attribute, I get an error:

Unhandled Promise rejection: Template parse errors:
Can't bind to 'myTest' since it isn't a known property of 'a'.

what am I doing wrong?

Answer 1

In general, it looks like it needs an @input field to work.