aurelia:变量未在自定义组件中打印

时间:2017-11-16 14:10:06

标签: javascript aurelia aurelia-binding aurelia-cli aurelia-framework

weather.ts 档案

import {bindable} from 'aurelia-framework';

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

weather.html 文件

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

当我在任何文件中打印组件时,都不会打印cityName变量。我每天12小时都在尝试这3天。

感谢任何形式的帮助

更新 利用 welcome.html

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

还将 welcome.ts 中的组件导入为

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

1 个答案:

答案 0 :(得分:2)

您没有require视图模型,只有视图。

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

如果您同时需要视图和视图模型,请改为使用它:

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