Просмотр не обновляется после нажатия нового POJO ember

Question

Я всегда читал, что Ember отлично работает с POJO вместо Ember Data, но теперь, когда я делаю это, у меня небольшие проблемы.

Я создаю приложение, использующее NW.js и LinvoDB для базы данных. Извлечение из БД легко и прекрасно работает:

// route/index 
import Ember from 'ember'; 

export default Ember.Route.extend({ 
    model: function() { 
     var gui = require('nw.gui'); 
     var linvoDB = require('linvodb3'); 
     linvoDB.defaults.store = {db: require('medeadown')}; 
     linvoDB.dbPath = gui.App.dataPath; 
     var File = new linvoDB('file', {}); 
     var Tags = new linvoDB('tag', {}); 

     var media = new Promise(function(resolve, reject) { 
      var query = File.find().sort({ctime: -1}).live(); 

      File.on('liveQueryUpdate', function() { 
       resolve(query.res); 
      }); 
     }); 

     var tags = new Promise(function(resolve, reject) { 
      var query = Tags.find().sort({name: 1}).live(); 

      Tags.on('liveQueryUpdate', function() { 
       resolve(query.res); 
      }); 
     }); 

     return Ember.RSVP.hash({ 
      media: media, 
      tags: tags 
     }); 
    } 
}); 

У меня есть простое мероприятие, которое проходит, чтобы создать тег, сохранить его и толкать его в модель:

//controllers/index 
actions: { 
    viewMedia: function(media) { 
     this.transitionToRoute('media', media) 
    }, 
    addTag: function() { 
     var linvoDB = require('linvodb3'); 
     var gui = require('nw.gui'); 
     linvoDB.defaults.store = {db: require('medeadown')}; 
     linvoDB.dbPath = gui.App.dataPath; 

     var Tag = new linvoDB('tag', {}); 
     var tag = new Tag(); 
     tag.name = this.get('tagName'); 
     tag.save(); 
     this.get('model.tags').push(tag); 
    } 
} 

я могу проверить, что тег правильно вставлен в массив тегов в модели, но представление не обновляется. Из того, что я читал, это потому, что я не использую Ember.Object.

Как вы можете это сделать с помощью POJO или мне нужно использовать Ember.Objects? Благодарю.

Answer 1

Ember обеспечивает собственную реализацию массива в Ember.Array/Ember.MutableArray, что добавляет много отличных вещей, например, как должным образом наблюдаемых в экосистеме Ember. В частности, Ember.MutableArray (или, скорее, Ember.MutableEnumerable) имеет метод под названием pushObject(obj), который Push the object onto the end of the array., а также уведомляет подписчиков.

Поскольку Ember также достаточно хорош, чтобы добавить их в обычный прототип Arrays, чтобы облегчить людям движение, вы должны просто сделать this.get('model.tags').pushObject(tag); в своем коде.