title: Using typescript to create HTML using template
body: <p>Trying out typescript, I want to achieve the following thing:</p>
  
  <p>Getting a question text and a number from server and displaying it in DOM somewhere, using typescript.</p>
  
  <p>Currently I have the following .ts file:</p>
  
  <pre><code>class QuestionResponse {
      constructor(public questionText, public questionNumber) {
      }
  }
  function questioner(question: QuestionResponse) {
  
      return '&lt;div data-val-id="${QuestionNumber}"&gt; ${QuestionText} &lt;/div&gt;';
  }
  
  var testQuestion = new QuestionResponse("Question text number 5", 5);
  
  //this will be replaced by .innerHTML of some element:
  alert(questioner(testQuestion));
  </code></pre>
  
  <p>This does not replace the ${QuestionNumber} with the question.QuestionNumber... nor the Text. I don't want to use string appends, I want to use clean html, preferably on a seperate .html file.</p>
  
  <p>Basically I'm asking:
  Is it possible using typescript, if yes, how?
  If not, what would be the best practice way to achieve this using angularjs? (but still using typescript)</p>