使用Firefox的AngularJS插件 - ＆QUOT; NG-SRC＆QUOT;不工作 [英] Firefox addon using AngularJS - "ng-src" not working
问题描述
我在工作的Firefox附加组件，使用AngularJS。
问题是'NG-SRC。它不会加载引用的图像。
当我切换到'src'中的图像加载罚款。
example.html的和图标32.png是同一个文件夹中。
鸭preciate你在做这个问题的意义上的帮助。
下面是code片段。
example.html的
＆LT; HTML NG-应用=MyAddonNG-CSP＆GT;
＆LT; HEAD＆GT;
＆LT; /头＆GT;
＆LT;机身NG控制器=MainCtrlDIR ={{DIRR}}＆GT;
＆LT; DIV边界=0＆GT;
＆LT; IMG NG-SRC ={{标识}}WIDTH =32ALIGN =中心＆GT;
＆LT;输入ID =文本框类型=文本＆GT; ＆LT; /输入＆GT;
＆LT;按钮ID =textboxbutton类型=按钮＆GT; {{ButtonText}}＆LT; /按钮＆GT;
＆LT; / DIV＆GT; ＆所述; SCRIPT SRC =LIB / angular.min.js＆GT;＆下; /脚本＆GT;
＆LT;脚本SRC =脚本/ app.js＆GT;＆LT; / SCRIPT＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
app.js：
函数MainController（$范围）{
$ scope.ButtonText ='打我！;
$ scope.dirr ='RTL';
$ scope.logo ='图标32.png';
};VAR MyModule的= angular.module（'MyAddon'，[]）
.controller（'MainCtrl'，MainController）
这是因为角度不断加入不安全：到图像的URL。我认为这是解决方案，请尝试：<一个href=\"http://stackoverflow.com/questions/15606751/angular-changes-urls-to-unsafe-in-extension-page\">Angular修改URL到＆QUOT;不安全：＆QUOT;在扩展页面
和白名单的资源：// 的URL。没有不安全：它的工作原理
我看到这个使用DOM查看器：
I am working on a Firefox add-on that uses AngularJS. The issue is with 'ng-src'. It does not load the referenced image. When I switch to 'src' the image loads fine.
Example.html and 'icon-32.png' are within same folder.
Appreciate your help in making sense of this issue.
Below are the code snippets.
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>
app.js:
function MainController($scope) {
$scope.ButtonText= 'Hit me!';
$scope.dirr = 'rtl';
$scope.logo= 'icon-32.png';
};
var MyModule = angular.module('MyAddon', [])
.controller('MainCtrl', MainController)
It is because angular keeps adding unsafe: to your image url. I think this is the solution, please try: Angular changes urls to "unsafe:" in extension page
and whitelist the resource:// urls. without unsafe: it works.
I saw this from using DOM Inspector:
这篇关于使用Firefox的AngularJS插件 - ＆QUOT; NG-SRC＆QUOT;不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
