在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):/); });