title: Knockout 3.2 components with named templates?
body: <p>I'm trying to use the new components system in knockout 3.2.0.</p>
  
  <p>There isn't much documentation at the moment, but this does work.</p>
  
  <pre><code>ko.components.register('price-input', {
    template: '&lt;span&gt;price-input&lt;/span&gt;'
  })
  </code></pre>
  
  <p>However the <code>template</code> binding allows you to specify a template name that already exists in the DOM, such as:</p>
  
  <pre><code>&lt;script type="text/html" id="price_input"&gt;
    &lt;span&gt;price-input&lt;/span&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>Then you could do this:</p>
  
  <pre><code>&lt;div data-bind="template: {name: 'price_input'}"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>So I tried this:</p>
  
  <pre><code>ko.components.register('price-input', {
    template: {name: 'price_input'}
  })
  </code></pre>
  
  <p>but it doesnt work. Is there a way to use named templates with the new components, or must they be inline or loaded with AMD.</p>
  
  <p>Thanks</p>
  
  <p>Edit: After RP Niemeyer's answer, for clarification here is the template I tried his answer with:</p>
  
  <pre><code>&lt;script type="text/html" id="ifx_price_input"&gt;
    &lt;h4&gt;PRICE INPUT &lt;span data-bind="text: value"&gt;&lt;/span&gt;&lt;/h4&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is the component code:</p>
  
  <pre><code>ko.components.register('price-input', {
    template: {element: 'ifx_price_input'}
  })
  </code></pre>
  
  <p>It does load the template, but treats it as an escaped string.</p>
  
  <p>Ideas?</p>