如何在jQuery代码中使用使用angular定义的数组
如何在jQuery代码中使用使用angular定义的数组
提问于 2018-08-04 04:12:29
如何使用我在angular组件类中定义的图像源数组如何在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创建下一个和上一个按钮
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-04 04:20:28
您正在创建一个老式的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]);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51679522
复制相关文章
相似问题