Angularjs가 무엇인지 소개하겠습니다.
AngularJS는 동적 웹 응용 프로그램을 위해 설계된 구조 프레임 워크입니다. HTML을 템플릿 언어로 사용할 수 있으며 HTML 구문을 확장하면 응용 프로그램 구성 요소를보다 명확하고 간결하게 구축 할 수 있습니다. 그것의 혁신은 데이터 바인딩 및 종속성 주입을 사용하여 많은 코드를 작성하지 못하게한다는 것입니다. 이들 모두는 브라우저 측 JavaScript를 통해 구현되며 모든 서버 측 기술과 완벽하게 결합됩니다.
AngularJS는 구축 응용 분야에서 HTML의 단점을 극복하도록 설계되었습니다. HTML은 정적 텍스트 디스플레이를 위해 설계된 좋은 선언적 언어이지만 웹 응용 프로그램을 구축하려면 약합니다. 그래서 나는 브라우저가 내가 원하는 일을하도록하는 일을했습니다 (약간의 속임수라고 생각할 수도 있습니다).
AngularJS는 입력 및 출력 데이터를 형식화 할 수있는 필터를 제공합니다. AngularJS 필터 사용을 시작하겠습니다. 봅시다
• HTML 파일 및 JS 파일에서 사용합니다
$ scope.form_time = $ 필터 ( 'date') ($ scope.time, 'yyyy-mm-dd hh : mm : ss'); <p> {{time | 날짜 : 'yyyy-mm-dd hh : mm : ss'}} </p>• 내부 필터 및 사용자 정의 필터
.filter ( 'my_data_format', [function () {return function (data, str, ss) {console.log ( 'data :', data, 'str :', str, 'sss :', arguments [2];}}); // var1은 두 번째 매개 변수입니다. my_data_format : 123 : 'this'}} </p> // 수신 data.filter ( 'my_data_format', [function () {return function (data, str) {var arr = []; Angular.foreach (data, function (one_list) {arr.push (one_list.)}; arr;}}]); // 필터는 결합 값 또는 ng-if = "(lists | my_data_format : '2'). 길이> 0"및 ng-show 등으로 사용할 수 있습니다. 비슷한 표현. 판단 문으로 <p ng-repeat = "list in lists"> name : {{list.name}}, 사람 수 {{(lists | my_data_format : '2'). length}} </p>