Question

我正在尝试将模型绑定到ember中的模板控件，但没有成功。首先，我正在尝试创建模型，然后将模型绑定到控件。我正在使用命令var newCar = sapp.Car.create();创建一辆汽车。但是我收到了一个错误

EmberError: You should not call `create` on a model. Instead, call `store.createRecord` with the attributes you would like to set.

我的问题是如何创建模型并将其绑定到模板的控件？下面是我试图实现它的代码示例

e.g。

window.sapp = Ember.Application.create();
sapp.Router.map(function() {
  this.route("cars");
});
sapp.Car = DS.Model.extend({
  plateNumber: DS.attr('string'),
  color: DS.attr('string'),
  brand: DS.attr('string')
});

控制器

 sapp.CarsController = Ember.Controller.extend({
          var newCar = sapp.Car.create();
           //getting error while creating car
           //error:mberError: You should not call `create` on a model. Instead, call `store.createRecord` with the attributes you would like to set. 
    });

模板

 <script type="text/x-handlebars" data-template-name="cars">
                <h1>Add Car</h1>
                <table>
                    <tr>
                        <td>Plate Number</td>
                        <td>
                            {{ input value=newCar.plateNumber }}
                        </td>
                    </tr>
                    <tr>
                        <td>Color</td>
                        <td>
                            {{ input value=newCar.color }}
                        </td>
                    </tr>
                    <tr>
                        <td>Brand</td>
                        <td>
                            {{ input value=newCar.brand }}
                        </td>
                    </tr>
                    <tr style="text-align:right">
                        <td colspan="2">
                            <button>Add Car</button>
                        </td>
                    </tr>
                </table>
    </script>

Answer 1

首先，您应该在routes模型钩子中设置模型。并且正如错误消息所述，您应该使用商店的createRecord函数来创建模型的新实例。

sapp.CarsRoute.extend(function() {
   model: function() {
        return this.store.createRecord('car');
   }
});

这将自动确保在转换到汽车路线之前设置汽车记录并在汽车控制器上设置模型属性。

然后我们需要将控制器更改为ObjectController，如下所示：

sapp.CarsController = Ember.ObjectController.extend({});

使用对象控制器，属性会自动绑定到模型的属性。因此，例如，您的Car模型的品牌属性将绑定到Car控制器的品牌属性，因此您可以在模板中将字段绑定到这些属性：

{{input value=brand }}

希望有所帮助！

将模型绑定到模板的控件

1 个答案: