반응형
angularjs: 필터링된 데이터를 가져올 때 $filter가 정의되지 않았습니다.
며칠 동안 이 작업을 수행하려고 합니다.다음 스니펫으로 몇 사람을 필터링하고 변경 후 필터링된 오브젝트를 받습니다.이 코드를 참조해 주세요.
감 잡히는 게 없어요?
아직 noch $filter 객체가 없습니다...어떻게 만들까요?$filter "filter" )가 작동하지 않는 것이 분명합니다.
<html ng-app>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
</head>
<body ng-controller="List">
Search: <input ng-change="getData(names, query)" ng-model="query">
Search: <select ng-change="getData(names, query2)" ng-model="query2">
<option></option>
<option>Berlin</option>
<option>Hamburg</option>
</select>
<div>
<ul class="names" >
<li ng-model="item" " ng-repeat="name in names | filter:query | filter:query2">
{{name.firstname}}, {{name.lastname}}, {{name.age}}, {{name.location}}
</li>
</ul>
</div>
<script type="text/javascript">
function List($scope) {
$scope.names = [
{"firstname": "Carl",
"lastname": "Luyk",
"age": 20,
"location":"Berlin"},
{"firstname": "Carl",
"lastname": "Moreen",
"age": 20,
"location":"Hamburg"},
{"firstname": "Tom",
"lastname": "Luyk",
"age": 25,
"location":"New York"},
{"firstname": "Caren",
"lastname": "Tilt",
"age": 20,
"location":"Paris"},
{"firstname": "Caren",
"lastname": "Orail",
"age": 30,
"location":"Hamburg"},
];
$scope.getData = function (names, query) {
$scope.queryData = $filter('filter')(names, query);
console.log($scope.queryData);
};
}
</script>
</body>
</html>
그냥 주사만 하면 돼$filter컨트롤러에 접속합니다.
바꾸다
function List($scope) {
로.
function List($scope, $filter) {
언급URL : https://stackoverflow.com/questions/16706583/angularjs-filter-is-undefined-when-trying-to-get-filtered-data
반응형
'source' 카테고리의 다른 글
| JSON.stringify가 RangeError를 슬로우합니다.거대한 개체의 문자열 길이가 잘못되었습니다. (0) | 2023.03.20 |
|---|---|
| WP - 플러그인 디렉토리의 파일을 커스텀 페이지 템플릿으로 사용하시겠습니까? (0) | 2023.03.20 |
| Ajax 요청을 통해 JSON과 함께 Select 2를 사용하는 방법 (0) | 2023.03.20 |
| 워드프레스 위젯을 프로그래밍 방식으로 표시하는 방법 (0) | 2023.03.20 |
| AngularJS에서의 스테이트풀필터링이란? (0) | 2023.03.20 |