title: Ember. Using built-in views inside your own view
body: <p>I have a model which contains information about selects, inputs and etc. I found the way to connect it to my view.</p>
  
  <pre><code>export default Em.View.extend({
    didInsertElement: function(){
      var content = this.get('content'),
      self = this;
      content.content[0].default.forEach(function(item,i){
        if (item.tag == 'select') {
          self.$().append('&lt;select&gt;&lt;/select&gt;');
          item.content.forEach(function(item){
            self.$('select:last-child').append('&lt;option&gt;'+item.option+'&lt;/option&gt;');
          });
        }
        else if (item.tag == 'input') {
          self.$().append('&lt;input type='+item.type+'&gt;');
        }
      });
    }
  });
  </code></pre>
  
  <p>Is there a way to not use:</p>
  
  <pre><code>self.$('select:last-child').append('&lt;option&gt;'+item.option+'&lt;/option&gt;');
  </code></pre>
  
  <p>And have some kind of</p>
  
  <pre><code>Ember.compile('{{Ember.select content=options valueBinding=example}}');
  </code></pre>
  
  <p>Thanks!</p>
  
  <p>P.S. Sorry if you find my way to do it to be silly, i just started to learn Ember and may be I still think in jquery's way. And sorry for my English!</p>