IT/앵귤러js

앵귤러js 소문자변환 AngularJS Filters에 lowercase (소문자변환)

조원태 2017. 8. 8. 13:52
반응형

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>



반응형