Fatal编程技术网
  • angularjs/
  • 使用AngularJS的Firefox插件；ng src"；不起作用

使用AngularJS的Firefox插件；ng src"；不起作用

angularjs firefox-addon

使用AngularJS的Firefox插件；ng src"；不起作用,angularjs,firefox-addon,Angularjs,Firefox Addon,我正在开发一个使用AngularJS的Firefox插件。 问题在于“ng src”。它不会加载引用的图像。 当我切换到'src'时，图像加载良好 Example.html和“icon-32.png”位于同一文件夹中 感谢您帮助理解这个问题 下面是代码片段 Example.html <html ng-app="MyAddon" ng-csp> <head> </head> <body ng-controller="MainCtrl

我正在开发一个使用AngularJS的Firefox插件。 问题在于“ng src”。它不会加载引用的图像。 当我切换到'src'时，图像加载良好

Example.html和“icon-32.png”位于同一文件夹中

感谢您帮助理解这个问题

下面是代码片段

Example.html

<html ng-app="MyAddon" ng-csp>
    <head>
    </head>
    <body ng-controller="MainCtrl" dir="{{dirr}}">
        <div border="0">
            <img ng-src="{{logo}}" width="32" align="center">
            <input id="textbox" type="text"> </input>
            <button id="textboxbutton" type="button"> {{ButtonText}}</button>
        </div>

    <script src="lib/angular.min.js"></script>
    <script src="scripts/app.js"></script>
    </body>
</html>
这是因为angular不断向图像url添加
不安全：
。我认为这就是解决方案，请尝试：

并将
资源：//
URL列为白名单。没有
不安全：
它可以工作

我在使用DOM检查器时看到了这一点：

这是因为angular不断向图像url添加
不安全：
。我认为这就是解决方案，请尝试：

并将
资源：//
URL列为白名单。没有
不安全：
它可以工作

我在使用DOM检查器时看到了这一点：

你能用你的插件制作一个xpi，然后上传到github并与我分享吗。我有一些角度的经验，可以帮助，但需要复制的问题。谢谢回应。我无法将文件上载到github。我已经上传到：有没有任何方法可以在公共存储库站点（可能不是github，而是类似github的站点）上获取您的源代码。我对下载文件持谨慎态度。git上代码的链接：。感谢并感谢您的帮助Hey nandu您启发我重新使用anuglar进行一些非常简单的gui，我做到了：有一个问题并得到了解决，感谢您的启发！！：它帮我推出了一个插件。我因为GUI问题耽搁了一段时间，angular帮我解决了所有问题！这是我的github回复：你能用你的插件制作一个xpi，然后上传到github并与我分享吗。我有一些角度的经验，可以帮助，但需要复制的问题。谢谢回应。我无法将文件上载到github。我已经上传到：有没有任何方法可以在公共存储库站点（可能不是github，而是类似github的站点）上获取您的源代码。我对下载文件持谨慎态度。git上代码的链接：。感谢并感谢您的帮助Hey nandu您启发我重新使用anuglar进行一些非常简单的gui，我做到了：有一个问题并得到了解决，感谢您的启发！！：它帮我推出了一个插件。我因为GUI问题耽搁了一段时间，angular帮我解决了所有问题！这是我的github回复：非常感谢。现在可以了。我不得不使用imgSrcSanitizationWhitelist（/^\s*（文件系统：resource | resource）：/）。你能告诉我你是如何获得附加组件的DOM inspector选项的吗？哇，谢谢你的分享，我以为只要做一个简单的
/^\s*资源：/）
就可以解决这个问题，你怎么知道你必须使用
文件系统：资源
？获取shift键，然后右键单击要检查的内容。：）你能用我感兴趣的工作代码更新你的github吗：）因为图像是本地的，所以我不得不使用IMGSRCSanitationWhilteList和引用本地目录。我已经在github中更新了源代码。再次感谢你的帮助，非常感谢。现在可以了。我不得不使用imgSrcSanitizationWhitelist（/^\s*（文件系统：resource | resource）：/）。你能告诉我你是如何获得附加组件的DOM inspector选项的吗？哇，谢谢你的分享，我以为只要做一个简单的
/^\s*资源：/）
就可以解决这个问题，你怎么知道你必须使用
文件系统：资源
？获取shift键，然后右键单击要检查的内容。：）你能用我感兴趣的工作代码更新你的github吗：）因为图像是本地的，所以我不得不使用IMGSRCSanitationWhilteList和引用本地目录。我已经在github中更新了源代码。再次感谢你的帮助。 
function MainController($scope) {
    $scope.ButtonText= 'Hit me!';
    $scope.dirr = 'rtl';
    $scope.logo= 'icon-32.png';
};

var MyModule = angular.module('MyAddon', [])
.controller('MainCtrl', MainController)