Question

与jquery一起处理Aurelia时遇到了一些问题。

我正在尝试从jCrop函数（这是一个jquery）访问我的类中的“模型”，但我收到消息“模型未定义”。

ModalCrop.js

export class ModalCrop{
  @bindable({ defaultBindingMode: bindingMode.twoWay }) image = '';

  model = {
        ImageURL: this.imageBase64,
        PositionX: 0,
        PositionY: 0,
        Width: 0,
        Height: 0
    };

  imageChanged(newValue, oldValue){
        var imageCrop = $(this.thepicture);
        imageCrop.jWindowCrop({
            targetWidth:500,
            targetHeight:500,
            onChange: function(result) {
                this.model.Width = result.cropW;
            }
        });
    }
}

HTML组件

<div class="modal-image-content">
     <img ref="thepicture" src="${image}">
</div>

有人可以帮助我吗？

Answer 1

问题是范围问题。要解决此问题，请更改720 x 1280: xhdpi函数调用以使用粗箭头函数，如下所示：

50dp x 50 dp

如果这不起作用，只需将50 dp xhdpi -> 25 dp mdpi? 100px? Or 50px?添加为onChange功能的第一行，然后将onChange: (result) => { this.model.Width = result.cropW; }更改为var self = this;。

Aurelia - 如何从jquery函数访问类属性？

1 个答案: