양식을 제출하면 빈 값이 API에 전송됩니다.

내 리소스 중 하나와 Pod를 통합 한 후 address. 에서 양식 (유효한 값 포함)을 제출할 때를 제외하고 모두 잘 보입니다 app/checkout/address/new/template.js.

내가 얻을 POST http://localhost:4099/api/v1/addresses엠버 Inspector에서 콘솔 탭에. 네트워크 탭은 API에 빈 값을 보냈 음을 나타냅니다.

내가 무엇을 잘못하고 있지?

// app/checkout/address/new/route.js
import Ember from 'ember';

export default Ember.Route.extend({
  model: function() {
    return this.store.createRecord('address');
  }
});

// app/checkout/address/base/controller.js
import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
    save: function() {
      var _this = this;

      // this.store.createRecord('product').save().then(function(product){
      this.get('model').save().then(function(address){
        _this.transitionToRoute('checkout.addresses.index');
      }, function() {
        console.log('error');
        // Need this promise, so we can render errors, if any, in the form
      });

      return false;
    },
    cancel: function() {
      return true;
    }
  }
});

// app/checkout/address/new/controller.js
import AddressBaseController from '../base/controller';

export default AddressBaseController.extend({
  actions: {
    cancel: function() {
      this.store.unloadAll('address');
      this.transitionToRoute('checkout.address.index');

      return false;
    }
  }
});

// app/checkout/address/new/template.js
<h1>Add new address</h1>

<form {{action "save" on="submit"}}>
  <p>
    <label>First name:
      {{input value=firstName}}
    </label>

    {{#each error in errors.firstName}}
      <br />{{error.message}}
    {{/each}}
  </p>

  <p>
    <label>Last name:
      {{input value=lastName}}
    </label>

    {{#each error in errors.lastName}}
      <br />{{error.message}}
    {{/each}}
  </p>

  <p>
    <label>Address:
      {{input value=address1 placeholder="Foo Street"}}
    </label>

    {{#each error in errors.address1}}
      <br />{{error.message}}
    {{/each}}
  </p>

  <p>
    {{input value=address2 placeholder="Bar"}}

    {{#each error in errors.address2}}
      <br />{{error.message}}
    {{/each}}
  </p>

  <p>
    <label>City:
      {{input value=city placeholder="New York"}}
    </label>

    {{#each error in errors.city}}
      <br />{{error.message}}
    {{/each}}
  </p>

  <p>
    <label>Postal code:
      {{input value=postalCode placeholder="213213"}}
    </label>

    {{#each error in errors.postalCode}}
      <br />{{error.message}}
    {{/each}}
  </p>

  <p>
    <label>Contact number:
      {{input value=contactNumber placeholder="8888 8888 888"}}
    </label>

    {{#each error in errors.contactNumber}}
      <br />{{error.message}}
    {{/each}}
  </p>

  <p>
    <label>Instructions (optional):
      {{textarea value=instructions placeholder="Lorem ipsum dolor"}}
    </label>

    {{#each error in errors.instructions}}
      <br />{{error.message}}
    {{/each}}
  </p>

  <input type="submit" value="Next"/>
  <button {{action "cancel"}}>Cancel</button>
</form>

{{outlet}}