평가는 실행조차 생각 NG-CSP 지시어 내가 NG-CSP 지시어를 사용하여 ngCsp을 활성화 한

Question

을 사용됩니다?

$scope.searchform = { 
    searchExpression : "alert('hi')" 
} 

$scope.handleChange = function() { 
    eval($scope.searchform.searchExpression); 
} 

<input type="text" ng-model="searchform.searchExpression" ng-change="handleChange(searchform.searchExpression)"> 

ng-csp가해야 할 일을 이해하지 못 했습니까?

Answer 1

AngularJS는 속도 최적화로 Function(string) 생성 함수를 사용합니다. ngCsp 지시문을 적용하면 Angular에서 CSP 호환 모드가 사용됩니다. 이 모드가 켜지면 AngularJS는 모든 표현식을 비 CSP 모드보다 최대 30 % 느리게 평가하지만 보안 위반은 발생하지 않습니다.

이 의미 From the Docs

은 수동으로 일을 처리하기보다는 eval 기반 바로 가기를 취할 것으로 ng-csp를 사용하는 방법 각도 동작합니다을 변경하는 것입니다. 이는 문서에서 CSP를 사용하는 경우에 유용합니다.

JavaScript가 작동하는 방식을 변경하는 마 법적 방법은 아닙니다.