angular

问题 I have a Carousel animation: which is working fine but I need to pause it after a duration and call a function. As soon as the cards change their position, I want to pause it, call my function, and as soon as the execution of that function is over, again restart the animation. And I want to do this indefinitely. I am creating my animation using AnimationBuilder 's build() function. I tried to make use of AnimationPlayer 's pause() and restart() methods but was not able to set them properly.

问题 I am not able to set the this.isHiddenColumnAvail value. How to set this value? checkHiddenRowAndColumns(file) { const workbook = new Excel.Workbook(); const arryBuffer = new Response(file).arrayBuffer(); arryBuffer.then(function (data) { workbook.xlsx.load(data) .then(function () { const worksheet = workbook.getWorksheet(1); //check hidden columns for(var i=0; i < worksheet.columns.length; i++) { if(worksheet.columns[i].hidden == true){ this.isHiddenColumnAvail = true; break; } } //check

问题 i am integrating JSbarcode with ionic 5. I am using @ViewChild for barcode element in html. but the issue is that i will get undefined for viewchild because viewchild is accessed before view is completely loaded in html. i tried with ngafterviewinit, but still it didn't work. Only thing worked for me was setTimeout as shown below. getBarcode(){ setTimeout(()=>{ this.generateBarcode(this.barcode); },2000) } But setTimeout differs in speed across various devices hence in few devices barcode was

问题 While using Hammer js swipe function with *ngFor in angular.The result expected was a swipe for particular index of tile and that tile will be removed. But by doing that the animation is not working now. the code which i have done is in below link: https://stackblitz.com/edit/angular-animations-lib-demo-ahykzr?file=src%2Fapp%2Fapp.component.html 回答1: Arjun, you use an unique variable to control the animations, that's for all the div you has [@cardAnimator]="animationState" So, when change the

问题 While using Hammer js swipe function with *ngFor in angular.The result expected was a swipe for particular index of tile and that tile will be removed. But by doing that the animation is not working now. the code which i have done is in below link: https://stackblitz.com/edit/angular-animations-lib-demo-ahykzr?file=src%2Fapp%2Fapp.component.html 回答1: Arjun, you use an unique variable to control the animations, that's for all the div you has [@cardAnimator]="animationState" So, when change the

问题 I am trying for Zoomin & Zoom out from ngx-image-cropper I am not getting any error but when i click the button zoomOut or ZoomIn it's not working. please let me know what I am doing wrong here. Team please help me here my TS code zoomOut() { this.scale -= .1; this.transform = { ...this.transform, scale: this.scale }; } zoomIn() { this.scale += .1; this.transform = { ...this.transform, scale: this.scale }; } My HTML Code <button class="btn zoomIn" (click)="zoomIn()" tooltip="Zoom In" data

问题 I'm trying to show a component when first load the page with lazy loading that only load the content if it's in the view. For example: - There are 10 components on the page and I want to show/scroll to the component number 7 on first load with lazy loading(for performance). How do I do this correctly? Challenge here is because these components are lazy loading and have huge images that messed up the scrollIntoView() and scrolled too much to the top passed the component. I've tried these

问题 I'm new to Angular, I'm trying to add Image gallery in my project. Image gallery works if use the hard coded data in this.galleryImages[] but when I pass my subscribe data into this.galleryImages[] it not showing anything. Note I can see my data in console. Its not only binding in Ngx gallery. This is the link form ngx-gallery repo: https://www.npmjs.com/package/@kolkov/ngx-gallery This is the image showing my gallery but only showing when I input hardcoded data not the data coming from my

问题 how to reduce the complexity of the given piece of code? I am getting this error in Sonarqube---> Refactor this method to reduce its Cognitive Complexity from 21 to the 15 allowed. this.deviceDetails = this.data && {...this.data.deviceInfo} || {}; if (this.data && this.data.deviceInfo) { this.getSessionInfo(); // tslint:disable-next-line: no-shadowed-variable const { device, driver, ipAddress, port, active, connectionType } = this.data.deviceInfo; this.deviceDetails = { name: device.name || '

问题 how to reduce the complexity of the given piece of code? I am getting this error in Sonarqube---> Refactor this method to reduce its Cognitive Complexity from 21 to the 15 allowed. this.deviceDetails = this.data && {...this.data.deviceInfo} || {}; if (this.data && this.data.deviceInfo) { this.getSessionInfo(); // tslint:disable-next-line: no-shadowed-variable const { device, driver, ipAddress, port, active, connectionType } = this.data.deviceInfo; this.deviceDetails = { name: device.name || '