Question

我尝试使用 AngularJS 和 Angular-UI 在 chrome App 中使用以下select2示例。它工作正常但不幸的是我每次点击下拉框时都会在chrome控制台中出现以下错误。

＆＃34; 拒绝执行内联事件处理程序，因为它违反了以下内容安全策略指令：＆＃34; default-src＆＃39; self＆＃39;铬扩展资源：＆＃34 ;.请注意＆＃39; script-src＆＃39;没有明确设置，所以＆＃39; default-src＆＃39;被用作后备。＆＃34;

有任何建议我该如何解决这个问题？

由于

*此代码在浏览器中没有任何问题，但在Chrome应用程序中没有任何问题 代码：

控制器

 var app = angular.module("app", ['ui']);

function Ctrl($scope) {


    $scope.contacts = [
        {
        "id": 1,
        "name": "Lucky"},
       {
        "id": 2,
        "name": "Lance"},
    {
        "id": 3,
        "name": "Troels"},
    {
        "id": 4,
        "name": "Phe"}
    ];

}

查看

<select class="input-medium" ui-select2 ng-model="form.cont" type="text" value="" >
    <option ng-repeat="contac in all" value="{{contac.id}}">{{contac.name}}</option>               
</select>

<小时/> 的解决！
感谢@AlanRodriguesSoares的提示。我已经从gitub（[link] https://raw.github.com/timoxley/select2/bug/onclick/select2.js）下载了另一个版本的select2.js，其中修复了此问题。

Answer 1

将指令ng-csp添加到元素中：

<html ng-app ng-csp>
...

使用此指令，AngularJS将不会使用任何CSP禁止的动态JS代码，例如eval和new Function。

Answer 2

如果查看select2.js，有两个“onclick”事件设置为内联，这是一个已知错误，请尝试将其删除。 select.js第1524和2232行。

在chrome App中使用时，Angular UI Select2在控制台中转储错误

2 个答案: