aurelia: Variable nicht in benutzerdefinierten Komponente

Question

weather.ts gedruckt bekommen Datei

import {bindable} from 'aurelia-framework'; 

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

weather.html Datei

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

Wenn ich die Komponente in einer beliebigen Datei drucken, die cityname Variable wird nicht gedruckt. Ich versuche das für die letzten drei Tage 12 Stunden am Tag.

Jede Art von Hilfe ist willkommen

UPDATE: Verwendung der Komponente in welcome.html

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

importiert auch die Komponente in welcome.ts als

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

Answer 1

Sie haben das Ansichtsmodell require nicht angezeigt, nur die Ansicht.

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

Wenn Sie sowohl die Aussicht und die Viewmodel, erfordern es wie folgt statt:

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

Answer 2

welcome.ts

import { useView } from 'aurelia-framework'; 

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

welcome.html

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

oderhttp://aurelia.io/docs/templating/basics#composition