angular - 未定义标识符“长度”。'null' 不包含这样的成员 ng

Question

我想做的是创建一个简单的 TODO 应用程序，我ng2-redux用于状态管理，我试图访问todos视图中的数组长度，尽管应用程序编译成功，但我的代码中仍然显示错误，

错误：

当前代码：

todo-dashboard.component.ts

import { Component, OnInit } from '@angular/core';
import { NgRedux, select } from 'ng2-redux';
import { IAppState } from 'src/store';
@Component({
  selector: 'app-todo-dashboard',
  templateUrl: './todo-dashboard.component.html',
  styleUrls: ['./todo-dashboard.component.css'],
})
export class TodoDashboardComponent {
  @select() todos;
  constructor(private ngRedux: NgRedux<IAppState>) {}
}

todo-dashboard-component.html

  <div>
   Total Items:
   <span class="text-success">{{ (todos|async)?.length}}</span>
  </div>     

store.ts

export interface IAppState {
  todos: any[];
  lastUpdated: Date;
}

export const INITIAL_STATE: IAppState = {
  todos: [],
  lastUpdated: null,
};

export const rootReducer = (state: IAppState, action): IAppState => {}

我已经尝试添加文件但没有运气"strictNullChecks": false，tsconfig.json所以如果有人可以帮助我禁用错误或解决它，我将不胜感激:)

标签： angular