AngularJS Filters에 lowercase (소문자변환)
AngularJS Filters에 lowercase (소문자변환)
AngularJS는 데이터를 변환하는 필터를 제공합니다.
1. currency 숫자를 통화 형식으로 포맷하십시오.
2. date 날짜를 지정된 형식으로 형식화하십시오.
3. filter 배열에서 항목의 하위 집합을 선택하십시오.
4. json 객체를 JSON 문자열로 포맷합니다.
5. limitTo 배열 / 문자열을 지정된 수의 요소 / 문자로 제한합니다.
6. lowercase 문자열을 소문자로 포맷하십시오.
7. number 숫자를 문자열로 지정하십시오.
8. orderBy 표현식으로 배열을 정렬합니다.
9. uppercase 문자열을 대문자로 포맷하십시오.
[표현식에 필터 추가]
필터는 파이프 문자 |다음에 필터 를 사용하여 표현식에 추가 할 수 있습니다 .
lowercase하부 케이스 필터 형식 문자열 :
예
<div ng-app="myApp" ng-controller="personCtrl">
<p>The name is {{ lastName | lowercase }}</p>
</div>
전체소스
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="personCtrl">
<p>The name is {{ lastName | lowercase }}</p>
</div>
<script>
angular.module('myApp', []).controller('personCtrl', function($scope) {
$scope.firstName = "John",
$scope.lastName = "Doe"
});
</script>
</body>
</html>
AngularJS는 데이터를 변환하는 필터를 제공합니다.
1. currency 숫자를 통화 형식으로 포맷하십시오.
2. date 날짜를 지정된 형식으로 형식화하십시오.
3. filter 배열에서 항목의 하위 집합을 선택하십시오.
4. json 객체를 JSON 문자열로 포맷합니다.
5. limitTo 배열 / 문자열을 지정된 수의 요소 / 문자로 제한합니다.
6. lowercase 문자열을 소문자로 포맷하십시오.
7. number 숫자를 문자열로 지정하십시오.
8. orderBy 표현식으로 배열을 정렬합니다.
9. uppercase 문자열을 대문자로 포맷하십시오.
[표현식에 필터 추가]
필터는 파이프 문자 |다음에 필터 를 사용하여 표현식에 추가 할 수 있습니다 .
lowercase하부 케이스 필터 형식 문자열 :
예
<div ng-app="myApp" ng-controller="personCtrl">
<p>The name is {{ lastName | lowercase }}</p>
</div>
전체소스
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="personCtrl">
<p>The name is {{ lastName | lowercase }}</p>
</div>
<script>
angular.module('myApp', []).controller('personCtrl', function($scope) {
$scope.firstName = "John",
$scope.lastName = "Doe"
});
</script>
</body>
</html>
게시글 목록
| 번호 | 제목 |
|---|---|
| 1451 |
부트스트랩
Disabled Item
|
| 1450 |
부트스트랩
활성 상태
|
| 1449 |
부트스트랩
링크 된 항목으로 그룹 나열
|
| 1448 |
부트스트랩
부트 스트랩 배지가있는 목록 그룹
|
| 1447 |
부트스트랩
부트 스트랩 목록 그룹
|
| 1446 |
부트스트랩
Bootstrap Pager 버튼 맞춤
1
|
| 1445 |
부트스트랩
Bootstrap Pager
|
| 1444 |
부트스트랩
Breadcrumbs
|
| 1443 |
부트스트랩
Pagination Sizing
|
| 1442 |
부트스트랩
부트스트랩 Disabled State
|
| 1441 |
부트스트랩
부트스트랩 활성 상태
|
| 1440 |
부트스트랩
부트 스트랩 페이지 매김
|
| 1438 |
부트스트랩
스택 된 진행률 표시 줄
|
| 1437 |
부트스트랩
애니메이션 진행률 표시 줄
|
| 1436 |
부트스트랩
스트라이프 진행 표시 줄
|
| 1435 |
부트스트랩
컬러 진행 바
|
| 1434 |
부트스트랩
레이블이있는 진행 표시 줄
|
| 1433 |
부트스트랩
부트 스트랩 진행률 표시 줄
|
| 1432 |
부트스트랩
레이블
|
| 1431 |
부트스트랩
부트 스트랩 배지 및 라벨
|
| 1430 |
부트스트랩
부트 스트랩 글리펀콜
|
| 1429 |
부트스트랩
분할 단추 드롭 다운
|
| 1428 |
부트스트랩
중첩 단추 그룹 및 드롭 다운 메뉴
|
| 1427 |
부트스트랩
양쪽 맞춤 버튼 그룹
|
| 1426 |
부트스트랩
세로 단추 그룹
|
| 1425 |
부트스트랩
버튼 그룹
|
| 1424 |
부트스트랩
활성 / 비활성 버튼
|
| 1421 |
부트스트랩
블록 레벨 버튼
|
| 1420 |
부트스트랩
단추 크기
1
|
| 1419 |
부트스트랩
부트 스트랩 버튼
1
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기