google-chrome-extension - ng-href 在 Chrome 扩展程序中填充链接列表时

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|<strong>chrome-extension</strong>):/);
});


这对我有用。