TS文件沒有被調用

Question

我想將選擇器插入到我的HTML使用角度2.

我已經創建了html和ts文件以及appmodule.ts。

我的html頁面似乎沒有調用它的負載上的ts文件（weather.component.ts）。它不顯示在typescript文件中定義的模板。我曾嘗試在html頭標中使用system.import，但沒有運氣。

欣賞您的輸入。

HTML

<div> 
    <h3>Weather for {{weather.city}}</h3> 

</div> 

weather.component.ts文件

import { Component } from '@angular/core'; 

@Component({ 
selector: 'weather', 
template: '<h1>u are here </h1>' 

}) 

export class WeatherComponent { 
public weather: Weather; 

constructor() { 
this.weather = { temp: "12", summary: "Barmy", city: "London" }; 
} 
} 

interface Weather { 
temp: string; 
summary: string; 
city: string; 
} 

app.module.ts

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { RouterModule } from '@angular/router'; 
import {ROUTER_PROVIDERS} from 'angular2/router'; 
import { UniversalModule } from 'angular-universal'; 
import { WeatherComponent } from './components/weather.component'; 

@NgModule({ 
bootstrap: [WeatherComponent], 
declarations: [WeatherComponent], 
imports: [UniversalModule], 
}) 

export class AppModule { 
} 

platformBrowserDynamic().bootstrapModule(AppModule); 

Answer 1

因爲它不會那樣工作。

當你給你的組件一個選擇器（這裏是weather），你應該在你的html中使用它作爲標籤。

這將使，爲您的HTML：

<div> 
    <h1>You are here</h1> 
    <weather></weather> 
</div> 

而在你的HTML模板：

<h3>Weather for {{weather.city}}</h3>