AngularDart异步管道不使用点分表示法

Question

编辑：我使用的是AngularDart 5，我在GitHub上创建了一个问题https://github.com/dart-lang/angular/issues/1311

我有这个AngularDart组件：

@Component(
    selector: 'todo-list',
    template: '<div>{{todos | async}}</div>',
    directives: [coreDirectives],
    pipes: const [AsyncPipe])
class TodoListComponent {
  Stream<List<TodoItem>> todos =
      new TodoListViewModelImpl(new TodoServiceImpl()).output.todoItems;
}

正如您所看到的，这是预期的。模板显示一个空列表，因为尚未插入待办事项。

但我不希望todos属性访问output.todoItems。 我想使用点分表示法直接从模板访问output.todoItems：

@Component(
    selector: 'todo-list',
    template: '<div>{{viewModel.output.todoItems | async}}</div>',
    directives: [coreDirectives],
    pipes: const [AsyncPipe])
class TodoListComponent {
  TodoListViewModel viewModel =
      new TodoListViewModelImpl(new TodoServiceImpl());
}

但实际上这不起作用。我没有收到任何错误消息。