Aurelia gần đây đã thêm hỗ trợ cho bố cục, và chúng gần như đã giải thích cho những người này in their documentation.Làm thế nào để sử dụng bố cục ở Aurelia?
Tuy nhiên, mặc dù tôi đã quản lý để bố cục hoạt động, tôi không thể sử dụng bất kỳ biến nào trong HTML bố cục mà tôi có dưới dạng thuộc tính trong Layout-ViewModel của mình.
Một 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' },
]);
}
}
bố trí/main.ts
export class MainLayout {
heading = 'Hallo Welt';
}
bố trí/main.html
<template>
<h1>${heading}!</h1>
</template
Nhưng chỉ có dấu chấm than xảy ra. Bạn có bất kỳ ý tưởng gì tôi đang làm sai hoặc làm thế nào tôi có thể làm cho nó hoạt động?
Rất cám ơn trước!
Bạn có thể cung cấp cho người plunker không? – kabaehr
ModuleId của bạn là 'hello/index' không phải bạn đang thực hiện việc gán trong' hello/index' chứ không phải 'layout/main'? –
@MrBones nhưng tôi muốn cung cấp một ViewModel cho bố cục của tôi, không phải với mô-đun 'hello/index' –