TypScript, похоже, не работает, никаких ошибок в коде, но компонент не отображается

Question

Я сделал небольшое тестовое угловое приложение с машинописным текстом. У меня нет никаких ошибок, но мой сгенерированный файл js не загружается. Вот мой код;

в default.aspx странице У меня есть селектор:

<asp:Content ContentPlaceHolderID="PlaceHolderMain" runat="server"> 
<app-main>Loading...</app-main> 
</asp:Content> 

boot.ts

import {bootstrap} from 'angular2/platform/browser' 
import {AppComponent} from './app.component' 
bootstrap(AppComponent) 

app.component.ts

import {Welcome} from './app.module' 
import {Component} from 'angular2/core' 
@Component({ 
selector: 'app-main', 
template: `<h1>${Welcome.GetWelcome()}</h1>` 
}) export class AppComponent { } 

app.module.ts

export class Welcome { 
static GetWelcome(): string { 
    return "Hello World"; 
} 
} 

tsconfig.json

{ 
"compileOnSave": true, 
"compilerOptions": { 
"watch": true, 
"noImplicitAny": false, 
"noEmitOnError": true, 
"removeComments": false, 
"sourceMap": true, 
"target": "ES5", 
"module": "system", 
"moduleResolution": "node", 
"emitDecoratorMetadata": true, 
"experimentalDecorators": true 
}, 
"exclude": [ 
"./node_modules", 
"./typings/main", 
"./typings/main.d.ts" 
] 
} 

код компилирует но Приветственное сообщение не загружается в приложении-магистрали. Что я здесь делаю неправильно? Я работаю с Visual Studio 2015, версия 14.0

Answer 1

Я сделал plunkr для вас http://plnkr.co/edit/oMOvCgFzqtnYYPcE2U6j?p=preview

Как предложено @toskv связывания строки не работает так. Вы определяете строку как поле в своем компоненте. И используйте его с двойными {{msg}} тегами в вашем шаблоне. Вот короткая версия:

@Component({ 
selector: 'app-main', 
template: `<h1>{{msg}}</h1>` 
}) 
export class AppComponent { 
    msg = Welcome.GetWelcome();  
}