ng-href khi điền danh sách các liên kết trong tiện ích mở rộng của Chrome

Question

Tôi đang làm việc trên một tiện ích mở rộng của Chrome với Angular và tôi đang cố gắng sử dụng ng-repeat để tạo danh sách các liên kết. Các công trình lớn, ngoại trừ tôi đang gặp vấn đề Populating các liên kết href thuộc tính:

<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> 

Làm thế nào để ngăn chặn những thứ unsafe:chrome-extension khỏi bị chèn? Lưu ý: Tôi có ng-csp được đặt trên thư mục gốc của ứng dụng.

Answer 1

Tôi cũng gặp phải sự cố tương tự ngay bây giờ. Đã không tìm thấy bất kỳ giải pháp nào. Vui lòng kiểm tra liên kết này: https://groups.google.com/forum/?fromgroups=#!topic/angular/YiP02I1wkNU.

theo này, đánh dấu vào app.js trên http://plnkr.co/edit/prTGFiheFI7GXNoDhoGT?p=preview

Mã như:

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

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

Nó làm việc cho tôi.