1

我正在尝试在一条路线中加载两个模型，但没有任何运气弄清楚。保存所有信息以动态创建表单的一种途径，另一种模型是将表单提交数据推送到其中的一种。以下是我到目前为止的一些内容：

路由器地图

App.Router.map(function() {
    this.route('about');
    this.route('plans');
    this.resource('prices', function() {
        this.resource('price', { path: '/:price_id' });
    });
    this.resource('apply', function() {
        this.resource('getstarted');
        this.resource('addresses');
        this.resource('contacts');
        this.resource('drivers');
        this.resource('equipment');
        this.resource('assign');
    });
});

对于路线，我尝试了以下所有三个

选项1

App.GetstartedRoute = Ember.Route.extend({
    model: function(){
        return Ember.Object.create({
            form: function() {
                return EmberFire.Array.create({
                    ref: new Firebase("https://example.firebaseio.com/apply/getstarted")
                 });
             },
            data: function() {
                return EmberFire.Array.create({
                    ref: new Firebase("https://example2.firebaseio.com/companies/-JAY7n7gXJeVbFCCDJdH/carriers/")
                 });
             },
        });
    }
});

选项 2

App.GetstartedRoute = Ember.Route.extend({
    model: function(){
        return Ember.RSVP.hash({
            form: function() {
                return EmberFire.Array.create({
                    ref: new Firebase("https://example.firebaseio.com/apply/getstarted/")
                 });
             },
            data: function() {
                return EmberFire.Array.create({
                    ref: new Firebase("https://example2.firebaseio.com/companies/-JAY7n7gXJeVbFCCDJdH/carriers/")
                 });
            }
        });
    }
});

解决方案选项 3 - 正如 kingpin2k 建议的那样

App.GetstartedRoute = Ember.Route.extend({
    model: function(){
        return Ember.Object.create({
            form: EmberFire.Array.create({
                ref: new Firebase("https://moveloaded-ember.firebaseio.com/apply/getstarted/")
            }),
            data: EmberFire.Array.create({
                ref: new Firebase("https://logistek.firebaseio.com/companies/-JAY7n7gXJeVbFCCDJdH/carriers/")
            })
        });
    }
});

入门时的 FireBase json

{
  "_type" : "object",
  "1" : {
    "type" : "text",
    "placeholder" : "Type it in here...",
    "name" : "carrierName",
    "caption" : "What's the name of your carrier?"
  }
}

表单是通过第一个模型递归创建的，将数据放入生成表单的组件中。我尝试使用以下所有方法访问第一个模型中的 emberFire 数组：

{{model.form.type}} {{form.type}}

{{#each form}}
    {{type}}
{{/each}}

{{#each model.form}}
    {{type}}
{{/each}}

{{#each}}
    {{form.type}}
{{/each}}

但它不工作......

有任何想法吗？

更新1：

修复是使用由 kingpin2k 建议的选项 3

另外，我必须对我的 GetstartedController 进行以下更改：

从： App.GetstartedController = Ember.ArrayController.extend

至： App.GetstartedController = Ember.ObjectController.extend

然后访问表单模型很简单：

{{#each form}}
    {{type}}
{{/each}}
4

1 回答 1

0

查看 firebase 代码，它看起来并没有公开任何承诺（所以 Ember.RSVP.hash 对你没有任何好处）。话虽如此，您实际上只需创建一个包含 2 个字段的哈希并返回它。

return Ember.Object.create({
  form: EmberFire.Array.create({
          ref: new Firebase("https://example.firebaseio.com/apply/getstarted")
        }),
  data: EmberFire.Array.create({
          ref: new Firebase("https://example2.firebaseio.com/companies/-JAY7n7gXJeVbFCCDJdH/carriers/")
        })
 });
于 2014-01-10T05:25:26.620 回答