• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

Angular2,错误:检查后表达式已更改。先前的值:’未定义’。当前值:’0

angular 来源:Bhrungarajni 5次浏览

我已经使用了carousel,因为我已经使用activeSlideIndex来获取特定图像的编号。所以,我得到一个错误控制台Angular2,错误:检查后表达式已更改。先前的值:’未定义’。当前值:’0

Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'undefined'. Current value: '0'. 

HTML部分:

<carousel class="carousel slide"[(activeSlide)]="page.activeSlideIndex"> 
       <slide *ngFor="let image of images; let i = index "> 
        <p>Image {{i+1}}</p> 
        <img src="{{image.image}}" > 
        <p > 
        <input type="file" name="file" id="file" (change)="readUrl($event)" /> 
        <label (click)="changed(page.activeSlideIndex)">Change</label> 
        </p> 
       </slide> 
       </carousel> 

TS:

images:any = [{image :'img1.jpg', change:'change'},{image: 'img2.jpg', change:'add'},{image:'img3.jpg', change:'edit'},{image:'im4.jpg',change:'delete' }]; 

    changed(index){ 
     console.log(index); 
     } 

===========解决方案如下:

尝试添加*ngIf="page.activeSlideIndex && images"这样的:


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)