ViewChild错误:预期有两个参数，但得到1.ts(2554) core.d.ts(8054，47)：没有提供选项的参数

Question

在下面的代码@ViewChild('myListView') listViewComponent: RadListViewComponent;的这一行代码中，我得到了以下错误消息：

预期的两个参数，但得到1.ts(2554) core.d.ts(8054，47)：一个‘选项’的论点没有提供。

由于我是个新手，只是从2017年开始学习教程，我不知道为什么会发生这种情况，以及如何解决这个问题？但是ViewChild()装饰器的实现似乎已经改变了，尽管我不知道如何修改我的代码来修复它？

import { Component, OnInit, Inject, ViewChild, ChangeDetectorRef } from '@angular/core'; 
import { View } from 'tns-core-modules/ui/core/view';
import { FavoriteService } from '../services/favorite.service'; 
import { Dish } from '../shared/dish'; 
import { ListViewEventData, RadListView } from 'nativescript-ui-listview'; 
import { RadListViewComponent } from 'nativescript-ui-listview/angular'; 
import { ObservableArray } from 'tns-core-modules/data/observable-array'; 
import { DrawerPage } from '../shared/drawer/drawer.page'; 
import { confirm } from "tns-core-modules/ui/dialogs"; 
import { Toasty, ToastDuration, ToastPosition } from 'nativescript-toasty';


@Component({ 
    selector: 'app-favorites', 
    moduleId: module.id, 
    templateUrl: './favorites.component.html', 
    styleUrls: ['./favorites.component.css'] 
}) 
export class FavoritesComponent extends DrawerPage implements OnInit {
    
    favorites: ObservableArray<Dish>; 
    errMess: string;

    @ViewChild('myListView') listViewComponent: RadListViewComponent;
    
    constructor(private favoriteservice: FavoriteService, 
        private changeDetectorRef: ChangeDetectorRef,        
        @Inject('BaseURL') private BaseURL) { 
            super(changeDetectorRef); 
        }


    ngOnInit() { 
        this.favoriteservice.getFavorites() 
        .subscribe(favorites => this.favorites = new ObservableArray (favorites), 
        errmess => this.errMess = errmess); 
    }

    deleteFavorite(id: number) { 
        console.log('delete', id);

        let options = { 
            title: "Confirm Delete", 
            message: 'Do you want to delete Dish '+ id, 
            okButtonText: "Yes", 
            cancelButtonText: "No", 
            neutralButtonText: "Cancel" 
        };

        confirm(options).then((result: boolean) => { 
            if(result) {
                this.favorites = null;
                this.favoriteservice.deleteFavorite(id) 
                .subscribe(favorites => { 
                    //const toast = new Toasty("Deleted Dish "+ id, "short", "bottom" ); 
                    //toast.show();
                    const toasty = new Toasty({ text: "Deleted Dish "+ id })
                    .setToastDuration(ToastDuration.SHORT)
                    .setToastPosition(ToastPosition.BOTTOM)
                    //.setTextColor(new Color('white'))
                    //.setBackgroundColor('#ff9999')
                    .show();  
                    this.favorites = new ObservableArray(favorites); 
                }, 
                errmess => this.errMess = errmess);
            } 
            else { 
                console.log('Delete cancelled'); 
            }
        });
    }    

    public onCellSwiping(args: ListViewEventData) { 
        var swipeLimits = args.data.swipeLimits; 
        var currentItemView = args.object; 
        var currentView;

        if(args.data.x > 200) {

        } 
        else if (args.data.x < -200) {
        }
    }

    public onSwipeCellStarted(args: ListViewEventData) { 
        var swipeLimits = args.data.swipeLimits; 
        var swipeView = args['object'];
        var leftItem = swipeView.getViewById<View>('mark-view'); 
        var rightItem = swipeView.getViewById<View>('delete-view'); 
        swipeLimits.left = leftItem.getMeasuredWidth(); 
        swipeLimits.right = rightItem.getMeasuredWidth(); 
        swipeLimits.threshold = leftItem.getMeasuredWidth()/2;
    }
    public onSwipeCellFinished(args: ListViewEventData) {
    }

    public onLeftSwipeClick(args: ListViewEventData) { 
        console.log('Left swipe click'); 
        this.listViewComponent.listView.notifySwipeToExecuteFinished(); 
    }

    public onRightSwipeClick(args: ListViewEventData) { 
        this.deleteFavorite(args.object.bindingContext.id); 
        this.listViewComponent.listView.notifySwipeToExecuteFinished(); 
    }
}

Answer 1

在v8中，ViewChild语法改变了，CHANGELOG说

“核心:在角版本8中，所有@ViewChild和@ContentChild查询都必须有一个”静态“标志，指定查询是”静态的“还是”动态的“。编译器以前会自动排序查询，但在8.0版中，开发人员必须明确指定需要哪种行为。这是迁移过程中的临时要求；有关详细信息，请参阅https://v8.angular.io/guide/static-query-migration。”

我建议使用https://github.com/angular/angular/blob/master/CHANGELOG.md更新

Answer 2

如果您正在使用angular8，则ViewChild()装饰器更改了：https://angular.io/guide/static-query-migration，因此您缺少了static参数@ViewChild('myListView', {static: false}) listViewComponent: RadListViewComponent;。