의 속성을 읽을 수 없습니다 난 파이프angular 2. 파이프.
@Pipe({
name: 'orgFilter'
})
export class OrgFilterPipe implements PipeTransform {
transform(orgs: Organization[], args: String[]): any {
console.log(orgs)
let filter = args[0].toLowerCase();
return filter ? orgs.filter((org:Organization) => org.name.toLowerCase().indexOf(filter) != -1): orgs;
}
을 만들어 HTML에서 사용 : 84 형식 오류 : 내가 오류를 browser_adapter.js을 얻고있다
<tbody>
<tr *ngFor="#organization of organizations | orgFilter:listFilter.value">
<td>{{ organization.organizationName }}</td>
<td>{{ organization.city }}</td>
<td>{{ organization.state }}</td>
<td>{{ organization.country }}</td>
<td>
<i class="material-icons">mode_edit</i>
</td>
<td>
<i class="material-icons">delete</i>
</td>
</tr>
<tr>
<td>
<div class="col-md-4"><input type="text" #listFilter (keyup)="0" /></div>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
을 속성을 읽을 수 없습니다 '와 toLowerCase를' 정의되지 않은 의 t.transform (orgFilter.ts : 9)
문제는 let filter = args [0] .toLowerCase();에 있습니다.
무엇이 원인입니까? args에 값이 없다는 것을 의미합니까? 어딘가에 선언해야합니까? html로 파이프를 잘못 사용하고 있습니까? 파이프를 제거하면 데이터가있는 표가 나타납니다. 하지만 html로 넣으면 데이터가 사라지고 테이블에이 입력 필드 만 있습니다
난 것을 시도하지만, 작동하지 않았다. 문제는 let filter = args [0] .toLowerCase();에있다. 이 오류는 args에 의해 발생한다는 것을 의미합니까 (정확하게 이해한다면 단어로 필터링하고 싶습니다). 값이 없습니다. 하지만 방금 페이지를 열면 값을 가질 수 없습니다. 권리? – rigby
좋은 지적. 답변을 업데이트 중입니다. – 36ve
정말 고마워요. 그것은 일했다! – rigby