オーレリア：変数はカスタムコンポーネントで印刷取得されていない

Question

weather.tsファイル

import {bindable} from 'aurelia-framework'; 

export class Weather { 
    cityName: string = 'Hilsinki'; 
    constructor() { 
    this.cityName = 'Hilsinki'; 
    } 
} 

<template> 
     City XName: ${cityName} 
</template> 

私は任意のファイル内のコンポーネントをプリントファイル weather.html、cityName変数が印刷されません。私はこれを最後の3日間12時間に亘って試みています。

ヘルプの任意の種類が理解される

UPDATE： のコンポーネントを利用するのwelcome.html

<template> 
    <require from = "./components/weather.html"></require> 
    <weather view-model="Weather"></weather> 
</template> 

も

import { Weather } from './components/weather'; 

としてwelcome.tsでコンポーネントをインポート

Answer 1

あなたはrequireビューモデルではなく、ビューのみでした。

<require from = "./components/weather.html"></require> 

ビューとのviewmodelの両方が必要な場合、代わりにこのようにそれを必要とする：

<require from = "./components/weather"></require> 

Answer 2

welcome.ts

import { useView } from 'aurelia-framework'; 

@useView('[path]/*.html') 

のwelcome.html

を

<require from="[path]/*.html"></require> 

またはhttp://aurelia.io/docs/templating/basics#composition