AngularJS Filters에 uppercase (대문자변환)
AngularJS는 데이터를 변환하는 필터를 제공합니다.
1. currency 숫자를 통화 형식으로 포맷하십시오.
2. date 날짜를 지정된 형식으로 형식화하십시오.
3. filter 배열에서 항목의 하위 집합을 선택하십시오.
4. json 객체를 JSON 문자열로 포맷합니다.
5. limitTo 배열 / 문자열을 지정된 수의 요소 / 문자로 제한합니다.
6. lowercase 문자열을 소문자로 포맷하십시오.
7. number 숫자를 문자열로 지정하십시오.
8. orderBy 표현식으로 배열을 정렬합니다.
9. uppercase 문자열을 대문자로 포맷하십시오.
[표현식에 필터 추가]
필터는 파이프 문자 |다음에 필터 를 사용하여 표현식에 추가 할 수 있습니다 .
uppercase대문자 필터 형식 문자열 :
예
<div ng-app="myApp" ng-controller="personCtrl">
<p>The name is {{ lastName | uppercase }}</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 | uppercase }}</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 문자열을 대문자로 포맷하십시오.
[표현식에 필터 추가]
필터는 파이프 문자 |다음에 필터 를 사용하여 표현식에 추가 할 수 있습니다 .
uppercase대문자 필터 형식 문자열 :
예
<div ng-app="myApp" ng-controller="personCtrl">
<p>The name is {{ lastName | uppercase }}</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 | uppercase }}</p>
</div>
<script>
angular.module('myApp', []).controller('personCtrl', function($scope) {
$scope.firstName = "John",
$scope.lastName = "Doe"
});
</script>
</body>
</html>
게시글 목록
| 번호 | 제목 |
|---|---|
| 1418 |
부트스트랩
애니메이션 경고
|
| 1417 |
부트스트랩
경고 닫기
|
| 1416 |
부트스트랩
알림 링크
|
| 1414 |
부트스트랩
부트 스트랩 경고
2
|
| 1413 |
부트스트랩
부트 스트랩 웰스
|
| 1412 | |
| 1411 |
부트스트랩
응답 성있는 삽입
|
| 1410 |
부트스트랩
이미지 갤러리
|
| 1409 |
부트스트랩
반응 형 이미지
|
| 1408 |
부트스트랩
부트 스트랩 이미지 - 미리보기 이미지
|
| 1407 |
부트스트랩
부트 스트랩 이미지 - 원
|
| 1406 | |
| 1405 |
부트스트랩
반응 형 테이블
|
| 1404 |
부트스트랩
문맥 분류
|
| 1403 |
부트스트랩
요약 표
|
| 1402 |
부트스트랩
호버 행
|
| 1401 |
부트스트랩
테두리가있는 표
|
| 1400 |
부트스트랩
부트 스트랩 스트라이프 행
|
| 1399 |
부트스트랩
부트 스트랩 기본 테이블
|
| 1398 |
부트스트랩
부트 스트랩은 HTML <pre>요소
|
| 1397 |
부트스트랩
부트 스트랩은 HTML <kbd>요소
|
| 1396 |
부트스트랩
부트 스트랩은 HTML <code>요소
|
| 1395 |
부트스트랩
부트 스트랩은 HTML <dl>요소
|
| 1394 |
부트스트랩
<blockquote>
|
| 1393 |
부트스트랩
<abbr>
|
| 1392 |
부트스트랩
<mark>
|
| 1391 |
부트스트랩
<small>
|
| 1390 |
부트스트랩
부트 스트랩 텍스트 / 타이포그래피
|
| 1389 |
부트스트랩
2 개의 서로 다른 열
|
| 1388 |
부트스트랩
3 개의 동일한 열
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기