title: Define array inside template for handlebars/ember?
body: <p>I have a handlebars template in an ember application. It accepts an array. I currently declare the array like this </p>
  
  <p>template:</p>
  
  <pre><code>  {{Gd-radio-input content=radioContent value="blue"}}
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>App.IndexController = Em.Controller.extend({
      radioContent: [
          {label: 'Red', value: 'red'},
          {label: 'Blue', value: 'blue'},
          {label: 'Green', value: 'green'},
          {label: 'Yellow', value: 'yellow'},
    ]
  });
  </code></pre>
  
  <p>For my purposes, I would like to define the array inside the template sometimes.</p>
  
  <p>I tried this, but javascrip hates me:</p>
  
  <pre><code>  {{Gd-radio-input content="[
      {label: 'Red', value: 'red'},
      {label: 'Blue', value: 'blue'},
      {label: 'Green', value: 'green'},
      {label: 'Yellow', value: 'yellow'},
    ]" value="blue"}}
  </code></pre>
  
  <p>Errors:</p>
  
  <pre><code>Assertion failed: The value that #each loops over must be an Array. You passed [
          {label: 'Red', value: 'red'},
          {label: 'Blue', value: 'blue'},
          {label: 'Green', value: 'green'},
          {label: 'Yellow', value: 'yellow'},
        ] 
  
  Uncaught TypeError: Object [
          {label: 'Red', value: 'red'},
          {label: 'Blue', value: 'blue'},
          {label: 'Green', value: 'green'},
          {label: 'Yellow', value: 'yellow'},
        ] has no method 'addArrayObserver' 
  </code></pre>