Angularjs ng-csp 지침
AngularJS 인스턴스
AngularJS에서 "평가"의 동작 및 인라인 스타일을 수정하십시오.
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body ng-app = "ng-csp> <<el" 5 + 5}} </p> </div> <p> NG-CSP 지시문을 사용하여 AngularJS가 코드를 실행하는 방식을 수정할 수 있습니다. </p> <p> AngularJS 실행 방법은 성능을 30%향상시킵니다 </p> </body> </html>
실행 결과 :
나의 첫 표현 : 10
NG-CSP 지시문을 사용하여 AngularJS가 코드를 실행하는 방식을 수정할 수 있습니다.
AngularJS 실행 방법은 성능을 30% 향상시킵니다.
정의 및 사용법
NG-CSP 지침은 AngularJS 보안 정책을 수정하는 데 사용됩니다.
NG-CSP 지시문을 사용하는 경우 AngularJS는 평가 기능을 실행하지 않으므로 인라인 스타일을 주입 할 수 없습니다.
NG-CSP 지시문을 NO-UNSAFE-EVAL로 설정하면 AngularJS가 평가 기능을 실행하는 것을 방지하지만 인라인 스타일 주입을 허용합니다.
NG-CSP 지시문을 무인대 스타일로 설정하면 AngularJS가 인라인 스타일을 주입하는 것을 방지하지만 평가 기능을 실행할 수 있습니다.
Google Chrome Extension 또는 Windows 응용 프로그램 NG-CSP 지침을 개발해야합니다.
참고 : NG-CSP 지침은 JavaScript에 영향을 미치지 않지만 AngularJS의 작동 방식을 수정합니다. 즉, 평가 기능을 작성할 수 있으며 정상적으로 작동합니다.
실행하지만 AngularJS는 자체 평가 기능을 실행할 수 없습니다. 호환 모드를 사용하면 성능이 30%감소합니다.
문법
<요소 ng-csp = "no-unsafe-eval | no-inline-style"> </element>
매개 변수 값
| 값 | 설명하다 |
|---|---|
| 없음-미지에 이블 무인대 스타일 | 값은 비어있을 수 있으므로 평가 나 인라인 스타일이 허용되지 않습니다. 값 중 하나를 설정할 수 있습니다. 세미콜론으로 분리하기 위해 두 값을 동시에 설정할 수 있지만 비워 두는 것과 동일합니다. |
위의 것은 AngularJS NG-CSP 지시 자료의 편집입니다.