aurelia - 如何在 Aurelia 中使用布局？

Question

Aurelia最近增加了对布局的支持，他们大致解释了那些in their documentation .

但是，虽然我设法让布局本身正常工作，但我无法在布局 HTML 中使用任何变量，这些变量作为布局 View 模型中的属性。

MWE:

app.ts

import {Router, RouterConfiguration} from 'aurelia-router';

export class App {
  router: Router;

  configureRouter(config: RouterConfiguration, router: Router) {
    config.map([
      { route: 'hello', layoutViewModel: 'layout/main', moduleId: 'hello/index' },
    ]);
  }
}

布局/main.ts

export class MainLayout {
  heading = 'Hallo Welt';
}

布局/main.html

<template>
  <h1>${heading}!</h1>
</template

但只有感叹号出现。你有什么想法我做错了什么或者我如何让它工作？

提前谢谢了!

Answer 1

很抱歉在这里延迟回答，但您的示例似乎对我有用。您很可能遇到了已修复的错误或代码中其他地方的问题。

请查看 this linked Gist.run example看看你的例子正在运行。