4

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에서 구성 요소를 가져
+0

어떻게 구성 요소를 포함 시켰습니까? ''구성 요소를 만드는 HTML 파일을 볼 수 있습니까? –

+0

@ JessedeBruijne, 감사합니다, 업데이트 됨, 확인하십시오 –

+1

업데이트 된 오류 : 동일한 이름의 요소가 이미 있습니다. 요소를 다시 포함하면이 오류가 발생합니다. 코드에서 주변을 확인하여 포함시킬 곳을 확인하고 여기 또는 여기에서 제거하십시오. – bigopon

답변

2

당신은 require의 viewmodel을 보지 못했고보기 만했습니다. 당신은 뷰와 뷰 모델 모두를 원하는 경우

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

이 대신처럼 필요합니다

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

오류 : 동일한 이름을 가진 요소가 이미 존재하면 요소를 등록하려고했습니다. 이름 : 날씨. –

+0

더 이상 필요하지 않으므로'view-model = "Weather"와'./weather/weather''에서'import {Weather} '를 제거해야합니다 :) –

+0

은 제거되었지만 여전히 같은 오류입니다 . –