title: Assigning value to a model in a handlebars template
body: <p>I'm following <a href="https://yoember.com/" rel="nofollow noreferrer">this</a> tutorial and any time it references an input element it defines them as so:</p>
  
  <pre><code>{{input type="text action='actionname'... }}
  </code></pre>
  
  <p>I'm told this is out of date and indeed the docs don't <a href="https://guides.emberjs.com/release/components/handling-events/" rel="nofollow noreferrer">use that format</a>, instead using this format:</p>
  
  <pre><code>&lt;input type="text" {{action 'actionname' ... }}
  </code></pre>
  
  <p>I'm at the point of the tutorial where I'm saving data to the store. I've amended the tutorial to use angle brackets instead of curly braces like so:</p>
  
  <pre><code>&lt;input type="text" value={{model.name}} class="form-control" placeholder="The name of the Library" /&gt;
  &lt;input type="text" value={{model.address}} class="form-control" placeholder="The address of the Library" /&gt;
  &lt;input type="text" value={{model.phone}} class="form-control" placeholder="The phone number of the Library" /&gt;
  &lt;button type="submit" class="btn btn-default" {{action 'saveLibrary' model}}&gt;Add to library list&lt;/button&gt;
  </code></pre>
  
  <p>My route looks like:</p>
  
  <pre><code>import Route from '@ember/routing/route';
  
  export default Route.extend({
  
    model() {
      return this.store.createRecord('library');
    },
  
    actions: {
      saveLibrary(newLibrary) {
        newLibrary.save().then(() =&gt; this.transitionTo('libraries'));
      },
  
      willTransition() {
        this.controller.get('model').rollbackAttributes();
      }
    }
  
  });
  </code></pre>
  
  <p>When I call the route action <code>saveLibrary</code> and open the debugger, <code>newLibrary</code> doesn't have any data from the model properties. Whenever I change the handlebars template to use curly braces like the tutorial, it works fine; newLibrary contains <code>name</code>, <code>address</code> &amp; <code>phone</code>.</p>
  
  <p>What is the syntax for using angle brankets and having it propagate to <code>route.js</code>?</p>