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

时间:2013-03-02 19:39:14

标签: google-chrome-extension angularjs

我正在使用Angular进行Chrome扩展,我正在尝试使用ng-repeat来创建链接列表。除了填充链接'href属性<:p>时遇到问题,效果很好

<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

1 个答案:

答案 0 :(得分:12)

我现在也面临同样的问题。没有找到任何解决方案。 请检查此链接: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):/); });

它对我有用。