Angular 6 numberlyly директива не работает

Question

Я создал директиву из https://www.davebennett.tech/angular-4-input-numbers-directive/, чтобы разрешить пользователям вводить только цифры в номере телефона. В файле src/app/app.sharerd.module.ts я сделал следующий код для импорта директивы:

import { NumberOnlyDirective } from './number.directive';
declarations: [..., ..., NumberOnlyDirective], ...
export class SharedModule { }

Теперь в папке /src/ я создал папки с именем modules/auth/component/.

.

В папке auth.module.ts в папке /src/auth/ я сделал следующее:

import { NgModule } from '@angular/core';
import { SharedModule } from '../../app/app.shared.module';
...
...

Теперь в signup.html под /src/auth/component/:

<input type="text" name="phone" myNumberOnly ... > ...
...

Я все еще могу вводить символы / специальные символы и т. Д. В текстовое поле, однако я не увидел никаких ошибок в консоли / cli.

Answer 1

Когда вы используете пользовательскую директиву / трубу в общем модуле, вам также необходимо экспортировать ее.

По сути, в вашем уроке он создал директиву и объявил ее в модуле приложения. Но в вашем примере вы помещаете свою директиву в общий модуль, поэтому вам нужно поместить свою директиву в скобки объявлений, а также в экспорт.

shared.module.ts :

@NgModule({
    /* ... */
    declarations: [YourDirective],
    exports: [YourDirective]
    /* ... */
})