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

这个对我有用。