ember.js在为对象设置新值后应用对象's属性

ember.js apply object after setting new value for it's attribute

本文关键字:对象 属性 应用 新值 js 设置 ember      更新时间:2023-09-26

干杯!这里我有一个简单的操作:

TravelClient.TourSeatsController = Ember.ObjectController.extend({
  selectSeat: function(seat) {
    // console.log(seat.get('id'));
    // console.log(seat.get('free'));
    seat.set('free', false);
    TravelClient.Seat.apply(seat);
    // console.log(seat.get('free'));
  }
});

我的html:

      {{#each seat in controller.seatsArray}}
        <li class="item">
          {{#if seat.free}}
            <div class="counter-value">
              <a href="#" {{action "selectSeat" seat}}>{{seat.id}}</a>
            </div>
...............................................................................

对象的结构:

  ...addObject(TravelClient.Seat.create({
    id: i,
    free: true
  }));

Set方法工作得很好,但当我尝试应用具有新setted属性的对象时,Ember给了我一个错误:

Uncaught TypeError: Cannot redefine property: __ember1360328485839 

如何解决此问题?

尝试创建一个事务,将席位添加到事务中,修改席位,然后提交事务。

TravelClient.TourSeatsController = Ember.ObjectController.extend({
  selectSeat: function(seat) {
    var transaction = new App.store.transaction();
    transaction.add(seat);
    seat.set('free', false);
    transaction.commit();
  }
});