나는 이전에 AngularJS의 기본 사용법에 대해 배웠으므로 여기서는 PDF와 함께 표현의 관련 내용을 배울 것입니다.
Angularjs의 표현은 JS와 정확히 동일하지 않습니다.
우선, 표현식은 사용하기 전에 {{}}에 배치해야합니다. 둘째, JavaScript의 표현 개념과 비교하여 다음과 같은 차이점이 있습니다.
1 개의 다른 스코프
JavaScript의 기본 기능은 Window이지만 AngularJS에서 다릅니다. $ SCOPE CONTROL을 사용하여 행동합니다.
2 정의되지 않은 값을 허용합니다
AngularJS에서 정의되지 않은 표현식이 사용되면 오류가없고 널 값이 직접 반환됩니다.
3 필터
당신은 |를 사용할 수 있습니다 UNIX의 명령 줄과 유사한 필터를 추가하기위한 표현식의 파이프 명령 문자.
4 $ 기호
각도 방법을 사용자 정의 방법과 구별하는 데 사용됩니다.
다음은 작은 코드입니다.
<! docType html> <html ng-app> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/> <script src = "http://apps.bdimg.com/libs/angular.js/1. </head> <body> <div ng-controller = "ctl"> name : <input ng-model = "name"type = "text"> <button ng-click = "reset ()"> reset </button <br> {{name}} <br> 안녕하세요! {{test}} <br> 필터 : {{name | 대문자}} </div> <script type = "text/javaScript"> 함수 ctl ($ scope) {var str = "init"; $ scope.name = str; $ scope.reset = function () {$ scope.name = str; }} </script> </body> </html>재설정을 통해 재설정 메소드를 트리거하여 이름 변수의 내용을 재설정합니다.
표현식에서 정의되지 않은 테스트가 참조되지만 오류는보고되지 않으며 기본적으로 비어있는 것으로 표시됩니다. - {{시험}}
마지막으로 필터를 사용하여 표현식의 이름 값을 대문자로 변환하십시오. - {{이름 | 대문자}}
실행 결과 :
위는 AngularJS 표현식을 분류하는 정보입니다. 우리는 향후 관련 정보를 계속 추가 할 것입니다. 지원해 주셔서 감사합니다!