Tengo el componente principal ParentComponent . Dentro de esta plantilla de componentes tengo el elemento span con la directiva MatBadge y mi directiva personalizada dir1

 <span matBadge dir1 matBadgeColor="warn"></span>

Estoy tratando de controlar el contenido de Mat Badge sobre mi directiva personalizada Dir1 . Mi directiva personalizada está conectada al servicio

De acuerdo con la documentación original de AngularMaterial API, la directiva MatBadge tiene @Input (elemento | propiedad) llamado content

Como My Dir1 y MatBadge comparten el mismo inyector, puedo inyectar una instancia de MatBadge en mi constructor de clase Dir1 .

 constructor( public badge:MatBadge, )

Luego trato de cambiar el contenido de la badge.content dentro de mi función OnInit de mi clase Dir1

 ngOnInit(): void { this.badge.content="22" }

... y nada

Pero cuando trato de hacer lo mismo para badge.color , que es otra @Input que tiene la directiva MatBadge , funciona...

¡Ayuda por favor!