angularjs 필터--filter 와 ng-repat 의 배합 에 큰 효과 가 있 습 니 다.
<!DOCTYPE html>
<html>
<head>
<link href="bootstrap.min.css" rel="external nofollow" rel="stylesheet">
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" placeholder=" ID " ng-model="query">
<table class="table-bordered">
<tr ng-repeat="school in schoolList | <strong>filter:query</strong>" >
<td class="col-md-2">{{ school.schoolId}}</td>
<td class="col-md-2">{{ school.schoolName}}</td>
</tr>
<script src="bootstrap.min.js"></script>
<script src="angular.min.js"></script>
<script src="script.js"></script>
</table>
</body>
</html>
script.js
angular.module('myApp', [])
.controller('myCtrl', function ($scope) {
$scope.schoolList = [
{
schoolId: 01,
schoolName: ' ',
},
{
schoolId: 02,
schoolName: ' ',
},
{
schoolId: 03,
schoolName: ' ',
},
{
schoolId: 04,
schoolName: ' ',
}
];
});
이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
SpringMvc+Angularjs 멀티 파일 대량 업로드SpringMvc 코드 jar 가방 commons-fileupload commons-io spring-mvc.xml 구성 Controller 로컬 저장 AngularJs 코드 Form 양식 커밋 위에서 말한 것은 여...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.