Как изменить значение кликабельного свойства (во время выполнения) на false для моего styleFunc, которое присваивается атрибуту style элемента agm-data-layer?

Question

Я использую слой данных agm следующим образом:

<agm-data-layer [geoJson]="geometry.geojson" [style]="styleFunc" (layerClick)="clicked($event, geometry)"> </agm-data-layer>

Я дал следующие стили, используя:

 styleFunc(feature) {
    return ({
      clickable: true,
      fillColor: feature.getProperty('color'),
      strokeColor: '#182C47',
      strokeWeight: 2,
      fillOpacity: 0.08,
      zIndex: 0
    });
  }

Теперь в теле моей другой функции яхотите изменить значение кликабельного свойства на false.Как это сделать?

Answer 1

Нет свойства CSS, называемого «кликабельным».Вы могли бы иметь в виду pointerEvents?

CSS-события указателя

Answer 2

Вы можете использовать оператор распространения объекта ..., начиная с TypeScript 2.1

const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { 
    ...obj1,
    b: 333,
    c: 444 // compiled to 'var obj2 = Object.assign({}, obj1, { b: 333, c: 444 });'
};
console.log(obj2); // a: 1, b: 333, c: 444

, поэтому вы можете попробовать:

anotherFunc() {
  styleFunc = (feature) => {
    return {
      ...this.styleFunc(feature),
      clickable: false
    };
  };
}