Angularでconstructorの引数を増やしたい

Question

実現したいこと

angularでWebApplicationを作っており、constructorの引数を増やしたいです。
現在ページは正しく表示されているのですが、コンストラクタの引数を増やすとページが表示されなくなります。
エラーはでていません。
初心者なので、どこを確認したらいいのかもわからないので、原因が分かる方がいらっしゃいましたらご助力いただけますと幸いです。

発生している問題・エラーメッセージ

なし

該当のソースコード

@Component({
    selector: 'app-test',
    templateUrl: '../template/test.component.html',
    styleUrls: ['../template/test.component.css'],
})
export class TestComponent implements OnInit {
    private _testForm: FormGroup;
    private _testModel: Model[];
    private _settings: Object;
    private _questions: any[];
    @ViewChild('list') list: ElementRef;
    private _element: Element;
    private _scrollPosition: number;

    constructor(private testUtil: TestUtilSevice,
                private fb: FormBuilder,
                private testService: TestService,
                private router: Router) {
        this._settings = fp02ListService.getTableSetting();
        this._searchForm = this.fb.group({
            'keyword': ['']
        });
    }

    ngOnInit() {
        //以下略

試したこと

constructorにFormBuilder追加した場合は正しく表示されますが、string追加した場合は表示されなくなります。

    constructor(private test: FormBuilder, //これはOK
                private testUtil: TestUtilSevice,
                private fb: FormBuilder,
                private testService: TestService,
                private router: Router)

    constructor(private test: String, //これだとNG
                private testUtil: TestUtilSevice,
                private fb: FormBuilder,
                private testService: TestService,
                private router: Router)

バージョン

Angular 5.1.2

###やりたいこと追記
実際に増やしたいのは自作のServiceになります。
その中ではFormGroupを使って、リストを作成しています。
そのリストを画面に表示したいです。

ヒントなどでもありましたら教えていただきたいです。
よろしくお願いいたします。

Answer 1

まず、Compenentのインスタンス化はangularが内部で行っていて
そのときにDIコンテナという仕組みを使ってコンストラクタに注入するサービスを割り当てているのですが、（@ngModuleのprovidersに登録しているそれです）
stringという型がprovider登録しているTokenの中に無いためエラーを吐いているという状況です。

クラス型以外のオブジェクトや文字列などををDIするためにはinjection tokenを別途作りそれに対してオブジェクトを割り当てるというちょっとややこしい作業が発生します。

他の方も書かれていますがやりたいことを書いていただいたら、小難しいことではなく解決できるかもしれません。

【追記】
コメント欄にも書きましたが言葉だけではわかりにくいのでこちら見ていただいたら多少わかりやすいでしょうか？

【追記】
失礼しました！質問文に追記していただいた内容を確認しておりませんでした。

ご自身で作ったserviceを追加したいなら

app.module

@ngModule({
  providers: [MyService]
})
export class AppModule{}


app.component

export class AppComponent{
  constructor(
    private myService: MyService
  ){}
}

としたら大丈夫です。

Comments

[yamame01]

ご返信ありがとうございます！
ご回答いただいたものの全てはまだ、理解できていないのですが下記で合っていますか…？
「Componentのをインスタンス化するときにstringという型が、インスタンス化するときの対象に含まれていないため、できない」

[keisukeh]

考え方はそれで概ね間違っていません。
で、インスタンス化されるときにprovider登録しているものを受け取れますよね？
TestServiceとかはご自身でAppModuleとかでprovider登録しているはずです。FormBuilderもReactiveModuleとかでprovider登録されています。
なのでコンストラクタで受け取るにはまず、@ngModuleか@Componentのproviderに登録する必要があります。
provider登録するためにはトークンが必要でそのトークンはクラス型である必要があります。
なのでstring型やnumber型などはID出来ません。
文字列や数値、プレーンオブジェクトを渡したい場合、トークン用のクラス（型）を生成するinjection tokenというものを利用します。
またややこしくなりましたが、
結局コンストラクタの「test」でなにを受け取りたいかです。

[yamame01]

再度のご返信ありがとうございます！
【追記】よりご教授いただいた方法で解決いたしました！ありがとうございます！
＞なのでコンストラクタで受け取るにはまず、@ngModuleか@Componentのproviderに登録する必要があります。
こちらの認識が足りていませんでした、ご丁寧に説明いただきありがとうございます！

Answer 2

private test: Stringをprivate test: stringに変えてみてください。

あと細かいですがAngularJSではなくAngularに関する質問だと思うので、時間があったらタグや質問文の修正をしておいてください。Angularのバージョンも明記されるとなお良いです。

Comments

[yamame01]

ご確認、ご回答ありがとうございます！
stringにしたのですが、同様の現象で表示できませんでした。。
Angularについて修正と、バージョンの追加を致しました、ありがとうございます！

[xenbeat]

すみません、最初に聞くべきでしたが。。。

そもそも「constructorの引数を増やしたい」とのことですが、何をしたくて増やそうとしているのですか？
何をしたいかでコンストラクタに注入するものが違ってくるので。
例えば、「private fb: FormBuilder」はリアクティブフォームを実装したいがためにコンストラクタに注入しているわけですよね。
それと同じように何をしようとしているのか質問本文に追記いただけますでしょうか。

見切り発車で回答してしまったので、Teratailサポートチームに回答の削除申請したら「回答を編集してください」と拒否されたので、適宜回答を修正していきますね。

[yamame01]

ご返信ありがとうございます！
やりたいこと、追記いたしました！