Can I use injected dependencies in a hook?

[31piy]

This is more of a question than an issue. I've a use-case where I want to supply the default value of a form control using the injected dependencies in the component:

import { TranslateService } from '@ngx-translate/core';
import { NgxSubFormComponent } from 'ngx-sub-form';

export class MyComponent extends NgxSubFormComponent<MyForm> implements OnInit {
  constructor(private translate: TranslateService) {...}

  getDefaultValues() {
    return {
      name: this.translate.instant('my.translate.key')
    };
  }

  // Rest of the implementation.
}

This obviously fails as it isn't finding the translate dependency when getDefaultValues is being called. I've observed that this method is called before and after the component initialization. So if I change the logic as the follows, it works fine:

  getDefaultValues() {
    return {
      name: this.translate ? this.translate.instant('my.translate.key') : ''
    };
  }

I'm not sure whether there is a standard way of achieving this. Any help is appreciated. Thanks in advance.

[maxime1992]

Hi @31piy 👋,

there's a similar issue here: #82

I made a PR to not have that limitation but it brought a few weird things too (CF thread).

The only thing I can think of in your case is to "abuse" the transformToFormGroup method and apply your logic there to return the new object before it's applied to the form

[maxime1992]

🎉 This issue has been resolved in version 5.2.0-feat-rewrite.1 🎉

The release is available on:

• npm package (@feat-rewrite dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This issue has been resolved in version 5.2.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀