我正在努力使用NgPrime的下拉菜单过滤dataView。特别是下拉菜单让我很难受。实际上,我有一个有效的pInputText可以过滤dataView的相同内容,这告诉我我的下拉列表不起作用,而不是通常的dataView。
dataView定义:
const handleLoginPress = async () => {
try {
const loginData = {
username: email,
password: password,
}
responseData = await axios.post(loginURL, loginData);
setLocalStorageUser('user', {email: email, token: responseData.token});
setUser({email: email, token: responseData.token});
} catch (error) {
console.log(error);
}
navigation.navigate('Home');
}
可用于排序的下拉列表
<p-dataView #dv [value]="things" layout="grid" filterBy="x ,y ,z" [sortField]="sortField" [sortOrder]="sortOrder" [paginator]="true" [rows]="20" paginatorPosition="both">
用于过滤的pInputText:
<p-dropdown [options]="sortOptions" [(ngModel)]="sortKey" [placeholder]="'something" (onChange)="onSortChange($event)" [style]="{'min-width':'140px'}"></p-dropdown>
下拉菜单无效:
<input type="search" pInputText placeholder="Filter by x" (input)="dv.filter($event.target.value)">
我收到错误TypeError:$ event.target未定义。这让我感到困惑,因为当它是文本输入而不是下拉菜单时,语法完全相同。