填充Chrome扩展程序中的链接列表时的ng-href

Question

我正在使用Angular处理Chrome扩展程序,我正在尝试使用它ng-repeat来创建链接列表.除了填充链接href属性时遇到问题,效果很好:

<ul>
    <li ng-repeat="item in menu" class="ng-scope">
        <a ng-href="#/new" href="unsafe:chrome-extension://ehklbggiaofbhgcghgnmejkpgommihdl/popup.html#/new">Add Link</a>
    </li>
    <li ng-repeat="item in menu" class="ng-scope">
        <a ng-href="#/bookmarks" href="unsafe:chrome-extension://ehklbggiaofbhgcghgnmejkpgommihdl/popup.html#/bookmarks">My Bookmarks</a>
    </li>
</ul>

如何防止unsafe:chrome-extension插入东西？注意:我已经ng-csp设置了我的应用程序的根目录.

Answer 1

我现在也面临同样的问题.没有找到任何解决方案.请检查以下链接:https://groups.google.com/forum/？fromgroups =#!topic/angular/YiP02I1wkNU.

按照这个,检查http://plnkr.co/edit/prTGFiheFI7GXNoDhoGT?p=preview上的app.js

代码如:

var app = angular.module('angularjs-starter', []);

app.config(function($compileProvider){ $compileProvider.urlSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|chrome-extension):/); });

var app = angular.module('angularjs-starter', []);

app.config(function($compileProvider){ $compileProvider.urlSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|chrome-extension):/); });

var app = angular.module('angularjs-starter', []);

app.config(function($compileProvider){ $compileProvider.urlSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|chrome-extension):/); });

这个对我有用.