angular - 如何修复类型“未知”不能用作索引类型

Question

上述错误经常发生。如何解决这个问题。下面是代码

 <div class="col-4 col-md-3 col-lg-3" *ngFor="let in_settings of invoice_settings | keyvalue">
                                                <div cdkDropList class="example-list"
                                                    (cdkDropListDropped)="drop($event)">
                                            
                                                </div>
                                                <div class="settings_border">
                                                    <div class="row settings_title">
                                                        <div class="col-lg-8">
                                                            <h5 class="mt-0 task-header header-title">{{invoice_settings_title[in_settings.key]}}
                                                            </h5>
                                                        </div>
                                                        <div class="float-right mt-2 mr-a">
                                                            <a href="javascript:void(0);" (click)="add('invoice',invoice_settings_title[in_settings.key],invoice_settings_key[in_settings.key])" class="co-w add_settings">
                                                                <i-feather name="plus-circle"></i-feather>
                                                            </a>
                                                        </div>
                                                    </div>
</div>

invoice_settings 在 component.ts 文件中发送。

标签： angularerror-handling

Answer 1

从代码中我了解到您没有使用 invoice_settings 对象的值，您只需要密钥。可以在 ngFor 中使用 Object.keys(invoice_settings) 并删除将导致数组的键值管道，并且不应再发生此错误。