从主导航菜单直接链接到父/子视图/控制器

创建一个包含共享状态的类，并在视图模型中对该类进行依赖。您可以使用NewInstance.of解析器来控制何时创建共享状态或重新使用共享状态。

这是一个示例：https : //gist.run?id=4cbf5e9fa71ad4f4041556e4595d3e36

shared-state.js

export class SharedState {
  fromdate = '';
  todate = '';
  language = 'English';
}

shared-parent.js

import {inject, NewInstance} from 'aurelia-framework';
import {SharedState} from './shared-state';

@inject(NewInstance.of(SharedState)) // <-- this says create a new instance of the SharedState whenever a SharedParent instance is created
export class SharedParent {
  constructor(state) {
    this.state = state;
  }

  configureRouter(config, router){
    config.title = 'Aurelia';
    config.map([
        { route: ['', 'child-a'], moduleId: './child-a', nav: true, title: 'Child A' },
        { route: 'child-b', moduleId: './child-b', nav: true, title: 'Child B' },
    ]);

    this.router = router;
  }
}

注意：如果您使用@inject(SharedState)而不是@inject(NewInstance.of(SharedState))，SharedState则所有组件将共享的一个实例。我不确定这可能是您要寻找的东西。的目的@inject(NewInstance.of(SharedState))是确保父级及其子级都有自己的SharedState实例。

child-a.js

import {inject} from 'aurelia-framework';
import {SharedState} from './shared-state';

@inject(SharedState)
export class ChildA {
  constructor(state) {
    this.state = state;
  }
}

child-b.js

import {inject} from 'aurelia-framework';
import {SharedState} from './shared-state';

@inject(SharedState)
export class ChildB {
  constructor(state) {
    this.state = state;
  }
}