2016-08-04 17 views
6

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!

+0

Bạn có thể cung cấp cho người plunker không? – kabaehr

+0

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'? –

+0

@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' –

Trả lời

0

Xin lỗi vì câu trả lời bị trì hoãn ở đây, nhưng ví dụ của bạn dường như đang hoạt động đối với tôi. Rất có thể bạn đã trải qua một lỗi đã được khắc phục hoặc một sự cố ở nơi khác trong mã của bạn.

Vui lòng xem this linked Gist.run example để xem ví dụ của bạn đang chạy.

Các vấn đề liên quan