I preload a table with the first five rows. However, I want to show the total number of lines by clicking on the button.
exemple:
arr = [
'banana',
'grape',
'Orange',
'Apple',
'guava',
'pineapple',
'mango',
'watermelon',
'melon',
'tangerine',
'lemon',
'Strawberry'
];
setItemsTable(){
this.arr.slice(5, 0); // show banana,grape,Orange,Apple,guava
}
toggleDisplayDiv() {
this.isShowDiv = !this.isShowDiv;
if(this.arr.length > 5) {
this.arr.slice(0, this.arr.length); // show all items
}
}
I found no problem with your code. Your code seem to be ok. I just try to reproduce your code.
class Fruits {
constructor(){
this.isShowDiv = false;
this.arr = [
'banana',
'grape',
'Orange',
'Apple',
'guava',
'pineapple',
'mango',
'watermelon',
'melon',
'tangerine',
'lemon',
'Strawberry'
];
}
setItemsTable(lower, upper){
console.log(this.arr.slice(lower, upper))
console.log(`Array length : ${upper-lower}`)
}
toogleDisplayDiv(){
this.isShowDIv = !this.isShowDiv
if (this.arr.length > 5){
console.log(this.arr.slice(0, this.arr.length))
console.log(`Array length : ${this.arr.length}`)
}
}
}
const fruits = new Fruits()
fruits.setItemsTable(0,5)
fruits.toogleDisplayDiv()
The output is
[ 'banana', 'grape', 'Orange', 'Apple', 'guava' ]
Array length : 5
[
'banana', 'grape',
'Orange', 'Apple',
'guava', 'pineapple',
'mango', 'watermelon',
'melon', 'tangerine',
'lemon', 'Strawberry'
]
Array length : 12
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.