Question

我在这里做错了，但无法弄清楚是什么。我对Ember和Javascript都很陌生，所以请随时指出任何错误。我会很感激另外一双眼睛。

我基本上有一个包含多个数据集的谷歌地图。在与视图一起使用的控制器中，我获取数据集并为每个数据集创建一个dataSetController（ArrayController）。然后我让dataSetController加载数据并将其添加到它的内容和一个额外的标记数组。但是，当完成该过程时，两个dataSetControllers都包含所有点，而不仅仅包含特定数据集的点。

以下是与视图一起使用的控制器：

App.MapviewShowController = Ember.ObjectController.extend({
  dataSets: [],

  createDataSets: function() {
    'use strict';

    var self = this;

    // clean previous data
    this.get('dataSets').length = 0;

    $.ajax({
      url: '/active_data_sets.json',
      type: 'GET',
      data: {'project_id': this.get('id')},
      success: function(data) {
        data.active_data_sets.forEach(function(entry) {

          // create a new controller for this dataset
          var newds = App.AddressRecordController.create();
          self.get('dataSets').pushObject(newds);
        });
      },
      error: function() {
      }
    });
  }
});

和dataSetController本身：

App.AddressRecordController = Ember.ArrayController.extend({

  content: [],
  isActive: true,
  dataSetId: 0,
  markerColor: '',
  datasetName: '',
  map: null,
  map_nelat: null,
  map_nelng: null,
  map_swlat: null,
  map_swlng: null,
  markerIcon: null,
  markers: [],
  mapBinding: 'App.MapData.map',
  map_nelatBinding: 'App.MapData.ne_lat',
  map_nelngBinding: 'App.MapData.ne_lng',
  map_swlatBinding: 'App.MapData.sw_lat',
  map_swlngBinding: 'App.MapData.sw_lng',

  getAddresses: function(ne_lat, ne_lng, sw_lat, sw_lng) {
    "use strict";

    var self = this;

    $.ajax({
      url: '/address_records.json',
      type: 'GET',
      data: {'dataset_id': this.get('dataSetId'), 'ne_lat': ne_lat, 'ne_lng': ne_lng, 'sw_lat': sw_lat, 'sw_lng': sw_lng},
      success: function(data) {
        data.address_records.forEach(function(new_address) {
          if (!self.findProperty('id', new_address.id)) {
            // add to the content
            self.content.addObject(App.AddressRecord.create(new_address));

            // add the marker
            var marker = new google.maps.Marker({
              position: new google.maps.LatLng(new_address.lat, new_address.long),
              map: self.get('map'),
              animation: google.maps.Animation.DROP,
              title: 'marker',
              id: new_address.id
            });

            // add the marker for later reference
            self.markers.push(marker);
          }
        });
      },
      error: function() {
      }
    });
  },

  newBounds: function() {
    "use strict";

    this.getAddresses(this.map_nelat, this.map_nelng, this.map_swlat, this.map_swlng);
  }.observes('map_swlng'),

  clean: function() {
    'use strict';

    // clean the objects in arracycontroller
    this.forEach(function(el) {
      el.destroy();
    });

    // clean the markers
    this.markers.length = 0;
  },

  showMarkers: function() {
    'use strict';

    var self = this;

    if(this.get('isActive')) {
      this.markers.forEach(function(mkr) {
        mkr.setMap(self.get('map'));
      });
    } else {
      this.markers.forEach(function(mkr) {
        mkr.setMap(null);
      });
    }
  }.observes('isActive')
});

更新

在进一步调试后，我发现除了markers array之外，多个AddressRecordControllers都没有共享。为了避免这个问题，我现在将标记存储为内容，并且工作正常。仍然不清楚为什么标记数组在不同的控制器上共享。

Answer 1

我相信create方法更像是一个单例，所以它要么创建对象，要么返回指向对象的指针。所以你只是添加到同一个控制器。你可以试试。 Ember还有一个Mixin的东西，我不知道它是如何工作的。

var newds = App.AddressRecordController.extend();

一个ArrayControllers数组

更新

1 个答案: