title: How to store EmberJS input value in object or array on the controller
body: <p>I have a few input fields being displayed programatically via the Ember <em>each</em> helper. These inputs are related to data being returned from my database, and I have a corresponding unique ID for each input that I could use if necessary.</p>
  
  <p>My question is how can I store the value of these dynamically generated inputs on my controller so that I can access the user's input data? I was trying to do something like this:</p>
  
  <pre><code>{{#each solutionTypes as |solutionType|}}
      {{input value=inputData[solutionType.id]}}
  {{/each}}
  </code></pre>
  
  <p>However, trying to access an object or array in this manner causes a build error related to the the above syntax in specifying the value (object dot notation causes a build error too).</p>
  
  <p>In short, I am trying to save the value of the input field as a property on an object or in an array instead of as a plain variable on the controller. I would like the input data from all of the inputs in the form to be accessible from the "inputData" variable in the following form:</p>
  
  <pre><code>{
      "1000": "data from first input",
      "1001": "data from second input",
      "1002": "data from third input"
  }
  </code></pre>
  
  <p>The primary issue is utilizing the dynamic keys (from solutionType.id) in the handlebars code without getting a build error.</p>
  
  <p>If this is not possible using the value attribute but you know how to accomplish this with actions or with something else, I'm more than open to your ideas.</p>