如何在jQuery代码中使用用angular定义的数组

Question

我如何使用我在角度组件类中定义的图像源阵列如何在jQuery中使用它有任何可能的方法吗这是代码

constructor() { }
public publicImages = [
"./../../../assets/data-image/cafe1.jpg",
"./../../../assets/data-image/cafe2.jpg",
"./../../../assets/data-image/cafe3.jpg",
"./../../../assets/data-image/cafe4.jpg"
]
ngOnInit() {
$(function (){
'use strict';

for(let i=0; i < this.publicImages.length;) {
$('.place-img').attr('src', this.publicImages[i]);
i = i + 1;
}

所以我想做的是将这个数组绑定到视图，并使用这个数组来知道它的长度，从而使用jQuery生成下一个和上一个按钮

Answer 1

您正在制作一个老式的JS函数，所以"this"并不引用您的类。你必须使用箭头功能：

ngOnInit() {
$(() => {
'use strict';

for(let i=0; i < this.publicImages.length; i++) {
$('.place-img').attr('src', this.publicImages[i]);
}
}

或者你可以创建一个新的变量，你的函数会这样看：

ngOnInit() {
let scopedPublicImages = this.publicImages;
$(function() {
'use strict';

for(let i=0; i < scopedPublicImages.length; i++) {
$('.place-img').attr('src', scopedPublicImages[i]);
}
}