强类型在“从存储订阅”中不起作用

我正在使用 Sublimetext 3 angular 7 在应用程序中,我期待 autofill 我的模特。但我仍然从对象节点键入了一些错误,错误根本就没有通过。我是否需要添加任何插件或代码有问题?

产品状态界面:

import { Product } from "./../product";
import * as fromRoot from "./../../state/app.state";

export interface State extends fromRoot.State {
    products:ProductState
}

export interface ProductState {
    showProductCode : boolean;
    currentProduct : Product;
    products:Product[]
}

这是我的密码:

import { Component, OnInit, OnDestroy } from '@angular/core';
import { Store, select } from '@ngrx/store';

import { Subscription } from 'rxjs';

import { Product } from '../product';
import * as fromProduct from  './../state/product.reducer';
import { ProductService } from '../product.service';

@Component({
  selector: 'pm-product-list',
  templateUrl: './product-list.component.html',
  styleUrls: ['./product-list.component.css']
})
export class ProductListComponent implements OnInit, OnDestroy {
  pageTitle = 'Products';
  errorMessage: string;

  displayCode: boolean;

  products: Product[];

  // Used to highlight the selected product in the list
  selectedProduct: Product | null;
  sub: Subscription;

  constructor(private store:Store<fromProduct.State>, private productService: ProductService) { }

  ngOnInit(): void {

    this.store.pipe(select('products')).subscribe((products) => {
      if(products){
        this.displayCode = products.xxx; //there is no xxx exist at all, no error, require auto fill here.

      }
    })
  }


}