Chrome 확장 프로그램의 옵션 페이지에 AngularJS를 사용할 수 있습니까?

Chrome 확장 프로그램의 옵션 페이지에 Angular.js (확장 프로그램의 배경 JS 또는 콘텐츠 스크립트가 아닌 옵션 페이지에만 사용)를 사용하고 싶지만 내 페이지에 포함하여 다음과 같이 입력하고 싶습니다.Chrome 확장 프로그램의 옵션 페이지에 AngularJS를 사용할 수 있습니까?

나는 각도가 페이지에 태그를 작성하거나 인라인 이벤트 핸들러 또는 인라인 JS를 실행 뭔가를 할당하려고하기 때문에 그것의 가정

Error: Code generation from strings disallowed for this context

...

<!doctype html> 
<html ng-app> 
<head> 
    <title>Shortkeys Options</title> 
    <script src="../js/jquery.min.js" type="text/javascript"></script> 
    <script src="../js/angular.min.js" type="text/javascript"></script> 
    <script src="../js/options.js" type="text/javascript"></script> 
    <link rel="stylesheet" href="../css/options.css" /> 
</head> 

<body> 
    <div ng-controller="OptionsCtrl"> 
    <div ng-repeat="key in keys"></table> 
    </div> 
</body> 
</html>

는 개발 도구의 콘솔 및 아무것도에서이 오류가 실행 던져 , 어느 is not allowed in Chrome extensions,이 주위에 어떤 방법이 있습니까? Angular에게 인라인 JS를 어떻게 든 사용하는 것을 피하도록 말할 수 있습니까? 예를 들면?

출처

2012-06-19 Mike Crittenden

manifest_version: 2은 각도 실행을 CSP 호환 모드로 지정하여 사용할 수 있습니다. 패널 페이지의 <html>에 ng-csp 속성을 추가하기 만하면됩니다.

<!doctype html> 
<html ng-csp ng-app> 
<head> 
    <title>Shortkeys Options</title> 
    <script src="../js/jquery.min.js" type="text/javascript"></script> 
    <script src="../js/angular.min.js" type="text/javascript"></script> 
    <script src="../js/options.js" type="text/javascript"></script> 
    <link rel="stylesheet" href="../css/options.css" /> 
</head> 

<body> 
    <div ng-controller="OptionsCtrl"> 
    <div ng-repeat="key in keys"></table> 
    </div> 
</body> 
</html>

출처

2012-06-20 17:03:12 btford

방법 크롬에서이 작품은 포장 된 것입니다 응용 프로그램 :

그래서 당신의 HTML이 같은 것? 나는 그것이 허용되지 않는다는 것을 읽었다. – Charlie

Chrome 확장 프로그램의 옵션 페이지에 AngularJS를 사용할 수 있습니까?

답변

관련 문제