 <p>I've made a plunkr for you <a href="http://plnkr.co/edit/oMOvCgFzqtnYYPcE2U6j?p=preview" rel="nofollow">http://plnkr.co/edit/oMOvCgFzqtnYYPcE2U6j?p=preview</a></p> <p>As @toskv suggested binding a string does not work like that. You define the string as a field in your component. And use it with double <code>{{msg}}</code> tags in your template. Here's the short version:</p> <pre><code>@Component({ selector: 'app-main', template: `&lt;h1&gt;{{msg}}&lt;/h1&gt;` }) export class AppComponent { msg = Welcome.GetWelcome(); } </code></pre>