タイプ 'any []'をインデックスタイプとして使用することはできません。

Question

ng serveを使用している場合はすべて動作します。私がng serve --prod --aotを使用すると、それはType 'any[]' cannot be used as an index typeと文句を言う。それを修正できるものは何も見つかりませんでした。参照していると思われる 'any any []'は、タグ変数です。なぜなら、コメントアウトするとすべてがコンパイルされるからです。

ここに関連するコードです：

//cluster-details.component.ts 
... 
export class ClusterDetailsComponent implements OnInit { 
infoTitles = { 
    edgeNodePublicDNS: 'Edge Node Public DNS', 
    ... 
    tags: 'Tags' 
}; 
infoKeys: string[]; 
info: any; 
tags: any[]; 
... 
this.requestsService.emrinstanceDetailsGET(body) 
     .subscribe(
      (data) => { 
       this.infoKeys = Object.keys(data); 
       this.info = data; 
... 

クラスタdetails.component.html：

<tr *ngFor="let key of infoKeys"> 
      <td> 
       <strong>{{ infoTitles[key] }}:</strong> 
      </td> 
      <td> 
       {{info[key]}} 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <strong>{{ infoTitles[tags] }}:</strong> 
      </td> 
      <td> 
       {{tags}} 
      </td> 
     </tr> 

そして、このような要求を返すデータ：

.map(
     (response: Response) => { 
      const data = response.json(); 
      return data['clusterDetail']; 

は、今私は知っています「ちょっとタイプしないでください」と言われましたが、どうしたらいいか分かりませんでした。返されるのは、単なるObject型のJSON値です。タイプをObjectに変更しても機能しませんでした。他のタイプのものは表示されません。たぶん私はそれのためのインターフェイスを作成する必要がありますか？

Answer 1

はそれを考え出しました。

HTML行...{{ infoTitles[tags] }}...は、タグ変数を使用してinfoTitlesのインデックスを作成しようとしています。これは、単に「タグ」という文字列であり、これはinfoTitlesを正しく参照することを意味しています。私が必要とする価値しかし、私はタグ配列を使用していることに気付かなかった。だから修正はちょうどtagIndexString = 'tags'のような文字列または変数を使用する必要があります。...{{ infoTitles[tagIndexString] }}...

Answer 2

私は、特定のタイプを指定しなかったのに 'infoTitles [key]'、オブジェクト[name]（AOTはあなたが配列構文を使用していることを前提としています）コンパイルエラーが発生しました。解決策：あなたは、クラスを作成する必要が

infoTitles: InfoTitle = { 
    edgeNodePublicDNS: 'Edge Node Public DNS', 
    ... 
    tags: 'Tags' 
}; 

：

export class InfoTitle { 
    edgeNodePublicDNS: string; 
    ... 
    tags: string; 
}