Angular のスライス パイプラインによってコードがクラッシュするのはなぜですか?

Question

わかりました。このコンポーネントがあり、データを反復処理しています。スライスチューブなしでもすべてが素晴らしいです。出力を制限するためにスライス パイプラインを追加すると、動作が異なります。 Angular は、Object is of type 'unknown'.ngtsc(2571) on

というエラーを送信します。

これは API 上のデータ ストレージです。このようにオブジェクトとして返されます

リーリー

これは、データを .gets し、そのデータを配列にプッシュして Iterable にするコンポーネントです。

リーリー

これは、スライス パイプラインを使用しない限り、HTML 反復は機能します。

エラーは {{street_group.name}} で発生します。Angular は、オブジェクトのタイプが「不明」であることを示しています。

リーリー

2 つの異なるオブジェクトには 14.7 個の項目があるため、スライス パイプラインを使用して、結果を street_group 内の 7 個の項目に制限したいと考えています。しかし、Angular は両方のオブジェクトに 14 をすべて出力します。

Answer 1

奇妙なことに、allData の型は any であるため、ネストされたフィールドはすべて unknown

であるため、このエラーが発生します。

これを修正するには、次の行を追加するだけです:

リーリー

また、初期値は [] に設定する必要があることに注意してください。それ以外の場合、入力は次のようになります:

リーリー